Change to using arrow functions (#1603)

* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/activities/tasks/components/AddTaskButton.tsx

@@ -4,11 +4,11 @@ import { Button } from '@/ui/button/components/Button';
 import { IconPlus } from '@/ui/icon';
 import { ActivityType } from '~/generated/graphql';
 
-export function AddTaskButton({
+export const AddTaskButton = ({
   activityTargetEntity,
 }: {
   activityTargetEntity?: ActivityTargetableEntity;
-}) {
+}) => {
   const openCreateActivity = useOpenCreateActivityDrawer();
 
   if (!activityTargetEntity) {
@@ -29,4 +29,4 @@ export function AddTaskButton({
       }
     ></Button>
   );
-}
+};

front/src/modules/activities/tasks/components/EntityTasks.tsx

@@ -13,7 +13,11 @@ const StyledContainer = styled.div`
   overflow: auto;
 `;
 
-export function EntityTasks({ entity }: { entity: ActivityTargetableEntity }) {
+export const EntityTasks = ({
+  entity,
+}: {
+  entity: ActivityTargetableEntity;
+}) => {
   return (
     <StyledContainer>
       <RecoilScope CustomRecoilScopeContext={TasksRecoilScopeContext}>
@@ -21,4 +25,4 @@ export function EntityTasks({ entity }: { entity: ActivityTargetableEntity }) {
       </RecoilScope>
     </StyledContainer>
   );
-}
+};

front/src/modules/activities/tasks/components/PageAddTaskButton.tsx

@@ -7,7 +7,7 @@ import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoi
 import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
 import { ActivityType } from '~/generated/graphql';
 
-export function PageAddTaskButton() {
+export const PageAddTaskButton = () => {
   const openCreateActivity = useOpenCreateActivityDrawer();
 
   const filters = useRecoilScopedValue(
@@ -19,16 +19,16 @@ export function PageAddTaskButton() {
     (filter) => filter.key === 'assigneeId',
   );
 
-  function handleClick() {
+  const handleClick = () => {
     openCreateActivity({
       type: ActivityType.Task,
       assigneeId: assigneeIdFilter?.value,
     });
-  }
+  };
 
   return (
     <RecoilScope CustomRecoilScopeContext={DropdownRecoilScopeContext}>
       <PageAddButton onClick={handleClick} />
     </RecoilScope>
   );
-}
+};

front/src/modules/activities/tasks/components/TaskGroups.tsx

@@ -52,7 +52,7 @@ const StyledContainer = styled.div`
   flex-direction: column;
 `;
 
-export function TaskGroups({ entity, showAddButton }: OwnProps) {
+export const TaskGroups = ({ entity, showAddButton }: OwnProps) => {
   const {
     todayOrPreviousTasks,
     upcomingTasks,
@@ -136,4 +136,4 @@ export function TaskGroups({ entity, showAddButton }: OwnProps) {
       )}
     </StyledContainer>
   );
-}
+};

front/src/modules/activities/tasks/components/TaskList.tsx

@@ -46,26 +46,24 @@ const StyledTaskRows = styled.div`
   width: 100%;
 `;
 
-export function TaskList({ title, tasks, button }: OwnProps) {
-  return (
-    <>
-      {tasks && tasks.length > 0 && (
-        <StyledContainer>
-          <StyledTitleBar>
-            {title && (
-              <StyledTitle>
-                {title} <StyledCount>{tasks.length}</StyledCount>
-              </StyledTitle>
-            )}
-            {button}
-          </StyledTitleBar>
-          <StyledTaskRows>
-            {tasks.map((task) => (
-              <TaskRow key={task.id} task={task} />
-            ))}
-          </StyledTaskRows>
-        </StyledContainer>
-      )}
-    </>
-  );
-}
+export const TaskList = ({ title, tasks, button }: OwnProps) => (
+  <>
+    {tasks && tasks.length > 0 && (
+      <StyledContainer>
+        <StyledTitleBar>
+          {title && (
+            <StyledTitle>
+              {title} <StyledCount>{tasks.length}</StyledCount>
+            </StyledTitle>
+          )}
+          {button}
+        </StyledTitleBar>
+        <StyledTaskRows>
+          {tasks.map((task) => (
+            <TaskRow key={task.id} task={task} />
+          ))}
+        </StyledTaskRows>
+      </StyledContainer>
+    )}
+  </>
+);

front/src/modules/activities/tasks/components/TaskRow.tsx

@@ -61,7 +61,7 @@ const StyledFieldsContainer = styled.div`
   display: flex;
 `;
 
-export function TaskRow({ task }: { task: TaskForList }) {
+export const TaskRow = ({ task }: { task: TaskForList }) => {
   const theme = useTheme();
   const openActivityRightDrawer = useOpenActivityRightDrawer();
 
@@ -109,4 +109,4 @@ export function TaskRow({ task }: { task: TaskForList }) {
       </StyledFieldsContainer>
     </StyledContainer>
   );
-}
+};

front/src/modules/activities/tasks/hooks/useCompleteTask.ts

@@ -9,7 +9,7 @@ import { GET_ACTIVITIES } from '../../graphql/queries/getActivities';
 
 type Task = Pick<Activity, 'id' | 'completedAt'>;
 
-export function useCompleteTask(task: Task) {
+export const useCompleteTask = (task: Task) => {
   const [updateActivityMutation] = useUpdateActivityMutation();
 
   const client = useApolloClient();
@@ -44,4 +44,4 @@ export function useCompleteTask(task: Task) {
   return {
     completeTask,
   };
-}
+};

front/src/modules/activities/tasks/hooks/useCurrentUserDueTaskCount.ts

@@ -7,7 +7,7 @@ import { turnFilterIntoWhereClause } from '@/ui/view-bar/utils/turnFilterIntoWhe
 import { ActivityType, useGetActivitiesQuery } from '~/generated/graphql';
 import { parseDate } from '~/utils/date-utils';
 
-export function useCurrentUserTaskCount() {
+export const useCurrentUserTaskCount = () => {
   const [currentUser] = useRecoilState(currentUserState);
 
   const { data } = useGetActivitiesQuery({
@@ -41,4 +41,4 @@ export function useCurrentUserTaskCount() {
   return {
     currentUserDueTaskCount,
   };
-}
+};

front/src/modules/activities/tasks/hooks/useTasks.ts

@@ -8,7 +8,7 @@ import { turnFilterIntoWhereClause } from '@/ui/view-bar/utils/turnFilterIntoWhe
 import { ActivityType, useGetActivitiesQuery } from '~/generated/graphql';
 import { parseDate } from '~/utils/date-utils';
 
-export function useTasks(entity?: ActivityTargetableEntity) {
+export const useTasks = (entity?: ActivityTargetableEntity) => {
   const [filters] = useRecoilScopedState(
     filtersScopedState,
     TasksRecoilScopeContext,
@@ -90,4 +90,4 @@ export function useTasks(entity?: ActivityTargetableEntity) {
     unscheduledTasks: unscheduledTasks ?? [],
     completedTasks: completedTasks ?? [],
   };
-}
+};