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>
2023-09-16 02:41:10 +01:00
parent 549335054a
commit 00a3c8ca2b
575 changed files with 2848 additions and 3063 deletions
--- a/front/src/pages/auth/CreateProfile.tsx
+++ b/front/src/pages/auth/CreateProfile.tsx
@ -51,7 +51,7 @@ const validationSchema = Yup.object()

 type Form = Yup.InferType<typeof validationSchema>;

-export function CreateProfile() {
+export const CreateProfile = () => {
  const navigate = useNavigate();

  const { enqueueSnackBar } = useSnackBar();
@ -190,4 +190,4 @@ export function CreateProfile() {
      </StyledButtonContainer>
    </>
  );
-}
+};
--- a/front/src/pages/auth/CreateWorkspace.tsx
+++ b/front/src/pages/auth/CreateWorkspace.tsx
@ -39,7 +39,7 @@ const validationSchema = Yup.object()

 type Form = Yup.InferType<typeof validationSchema>;

-export function CreateWorkspace() {
+export const CreateWorkspace = () => {
  const navigate = useNavigate();

  const { enqueueSnackBar } = useSnackBar();
@ -146,4 +146,4 @@ export function CreateWorkspace() {
      </StyledButtonContainer>
    </>
  );
-}
+};
--- a/front/src/pages/auth/SignInUp.tsx
+++ b/front/src/pages/auth/SignInUp.tsx
@ -1,5 +1,3 @@
 import { SignInUpForm } from '../../modules/auth/sign-in-up/components/SignInUpForm';

-export function SignInUp() {
-  return <SignInUpForm />;
-}
+export const SignInUp = () => <SignInUpForm />;
--- a/front/src/pages/auth/VerifyEffect.tsx
+++ b/front/src/pages/auth/VerifyEffect.tsx
@ -7,7 +7,7 @@ import { useIsLogged } from '@/auth/hooks/useIsLogged';
 import { AppPath } from '../../modules/types/AppPath';
 import { isNonEmptyString } from '../../utils/isNonEmptyString';

-export function VerifyEffect() {
+export const VerifyEffect = () => {
  const [searchParams] = useSearchParams();
  const loginToken = searchParams.get('loginToken');

@ -17,7 +17,7 @@ export function VerifyEffect() {
  const { verify } = useAuth();

  useEffect(() => {
-    async function getTokens() {
+    const getTokens = async () => {
      if (!loginToken) {
        navigate(AppPath.SignIn);
      } else {
@ -33,7 +33,7 @@ export function VerifyEffect() {
          navigate(AppPath.CreateWorkspace);
        }
      }
-    }
+    };

    if (!isLogged) {
      getTokens();
@ -43,4 +43,4 @@ export function VerifyEffect() {
  }, []);

  return <></>;
-}
+};
--- a/front/src/pages/companies/Companies.tsx
+++ b/front/src/pages/companies/Companies.tsx
@ -26,13 +26,13 @@ const StyledTableContainer = styled.div`
  width: 100%;
 `;

-export function Companies() {
+export const Companies = () => {
  const [insertCompany] = useInsertOneCompanyMutation();
  const upsertEntityTableItem = useUpsertEntityTableItem();
  const upsertTableRowIds = useUpsertTableRowId();
  const { triggerOptimisticEffects } = useOptimisticEffect();

-  async function handleAddButtonClick() {
+  const handleAddButtonClick = async () => {
    const newCompanyId: string = v4();
    await insertCompany({
      variables: {
@ -52,7 +52,7 @@ export function Companies() {
      },
      refetchQueries: [getOperationName(SEARCH_COMPANY_QUERY) ?? ''],
    });
-  }
+  };

  return (
    <SpreadsheetImportProvider>
@ -78,4 +78,4 @@ export function Companies() {
      </PageContainer>
    </SpreadsheetImportProvider>
  );
-}
+};
--- a/front/src/pages/companies/CompaniesMockMode.tsx
+++ b/front/src/pages/companies/CompaniesMockMode.tsx
@ -13,7 +13,7 @@ const StyledTableContainer = styled.div`
  width: 100%;
 `;

-export function CompaniesMockMode() {
+export const CompaniesMockMode = () => {
  return (
    <PageContainer>
      <PageHeader title="Companies" Icon={IconBuildingSkyscraper} />
@ -26,4 +26,4 @@ export function CompaniesMockMode() {
      </PageBody>
    </PageContainer>
  );
-}
+};
--- a/front/src/pages/companies/CompanyShow.tsx
+++ b/front/src/pages/companies/CompanyShow.tsx
@ -32,7 +32,7 @@ import { ShowPageContainer } from '../../modules/ui/layout/components/ShowPageCo

 import { companyShowFieldDefinition } from './constants/companyShowFieldDefinition';

-export function CompanyShow() {
+export const CompanyShow = () => {
  const companyId = useParams().companyId ?? '';
  const { insertCompanyFavorite, deleteCompanyFavorite } = useFavorites();
  const navigate = useNavigate();
@ -50,10 +50,10 @@ export function CompanyShow() {
  const isFavorite =
    company.Favorite && company.Favorite?.length > 0 ? true : false;

-  async function handleFavoriteButtonClick() {
+  const handleFavoriteButtonClick = async () => {
    if (isFavorite) deleteCompanyFavorite(companyId);
    else insertCompanyFavorite(companyId);
-  }
+  };

  return (
    <PageContainer>
@ -127,4 +127,4 @@ export function CompanyShow() {
      </PageBody>
    </PageContainer>
  );
-}
+};
--- a/front/src/pages/impersonate/ImpersonateEffect.tsx
+++ b/front/src/pages/impersonate/ImpersonateEffect.tsx
@ -10,7 +10,7 @@ import { useImpersonateMutation } from '~/generated/graphql';
 import { AppPath } from '../../modules/types/AppPath';
 import { isNonEmptyString } from '../../utils/isNonEmptyString';

-export function ImpersonateEffect() {
+export const ImpersonateEffect = () => {
  const navigate = useNavigate();
  const { userId } = useParams();

@ -69,4 +69,4 @@ export function ImpersonateEffect() {
  }, [userId, currentUser, isLogged, handleImpersonate, navigate]);

  return <></>;
-}
+};
--- a/front/src/pages/not-found/NotFound.tsx
+++ b/front/src/pages/not-found/NotFound.tsx
@ -46,7 +46,7 @@ const StyledInfo = styled.div<StyledInfoProps>`
  font-weight: ${({ theme }) => theme.font.weight.semiBold};
 `;

-export function NotFound() {
+export const NotFound = () => {
  const navigate = useNavigate();

  return (
@ -67,4 +67,4 @@ export function NotFound() {
      <CompaniesMockMode />
    </>
  );
-}
+};
--- a/front/src/pages/opportunities/Opportunities.tsx
+++ b/front/src/pages/opportunities/Opportunities.tsx
@ -12,17 +12,17 @@ import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope'
 import { useUpdatePipelineStageMutation } from '~/generated/graphql';
 import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';

-export function Opportunities() {
+export const Opportunities = () => {
  const { handlePipelineStageAdd, handlePipelineStageDelete } =
    usePipelineStages();

  const [updatePipelineStage] = useUpdatePipelineStageMutation();

-  function handleEditColumnTitle(
+  const handleEditColumnTitle = (
    boardColumnId: string,
    newTitle: string,
    newColor: string,
-  ) {
+  ) => {
    updatePipelineStage({
      variables: {
        id: boardColumnId,
@ -38,7 +38,7 @@ export function Opportunities() {
        },
      },
    });
-  }
+  };

  return (
    <PageContainer>
@ -65,4 +65,4 @@ export function Opportunities() {
      </RecoilScope>
    </PageContainer>
  );
-}
+};
--- a/front/src/pages/people/People.tsx
+++ b/front/src/pages/people/People.tsx
@ -24,13 +24,13 @@ const StyledTableContainer = styled.div`
  width: 100%;
 `;

-export function People() {
+export const People = () => {
  const [insertOnePerson] = useInsertOnePersonMutation();
  const upsertEntityTableItem = useUpsertEntityTableItem();
  const upsertTableRowIds = useUpsertTableRowId();
  const { triggerOptimisticEffects } = useOptimisticEffect();

-  async function handleAddButtonClick() {
+  const handleAddButtonClick = async () => {
    const newPersonId: string = v4();
    await insertOnePerson({
      variables: {
@ -48,7 +48,7 @@ export function People() {
        }
      },
    });
-  }
+  };

  return (
    <SpreadsheetImportProvider>
@ -74,4 +74,4 @@ export function People() {
      </PageContainer>
    </SpreadsheetImportProvider>
  );
-}
+};
--- a/front/src/pages/people/PersonShow.tsx
+++ b/front/src/pages/people/PersonShow.tsx
@ -35,7 +35,7 @@ import { ShowPageContainer } from '../../modules/ui/layout/components/ShowPageCo

 import { personShowFieldDefinition } from './constants/personShowFieldDefinition';

-export function PersonShow() {
+export const PersonShow = () => {
  const personId = useParams().personId ?? '';
  const { insertPersonFavorite, deletePersonFavorite } = useFavorites();
  const navigate = useNavigate();
@ -56,7 +56,7 @@ export function PersonShow() {
  const isFavorite =
    person.Favorite && person.Favorite?.length > 0 ? true : false;

-  async function onUploadPicture(file: File) {
+  const onUploadPicture = async (file: File) => {
    if (!file || !person?.id) {
      return;
    }
@ -67,12 +67,12 @@ export function PersonShow() {
      },
      refetchQueries: [getOperationName(GET_PERSON) ?? ''],
    });
-  }
+  };

-  async function handleFavoriteButtonClick() {
+  const handleFavoriteButtonClick = async () => {
    if (isFavorite) deletePersonFavorite(personId);
    else insertPersonFavorite(personId);
-  }
+  };

  return (
    <PageContainer>
@ -160,4 +160,4 @@ export function PersonShow() {
      </PageBody>
    </PageContainer>
  );
-}
+};
--- a/front/src/pages/settings/SettingsExperience.tsx
+++ b/front/src/pages/settings/SettingsExperience.tsx
@ -16,7 +16,7 @@ const StyledContainer = styled.div`
  width: 350px;
 `;

-export function SettingsExperience() {
+export const SettingsExperience = () => {
  const { colorScheme, setColorScheme } = useColorScheme();

  return (
@ -30,4 +30,4 @@ export function SettingsExperience() {
      </StyledContainer>
    </SubMenuTopBarContainer>
  );
-}
+};
--- a/front/src/pages/settings/SettingsProfile.tsx
+++ b/front/src/pages/settings/SettingsProfile.tsx
@ -21,42 +21,40 @@ const StyledContainer = styled.div`
  width: 350px;
 `;

-export function SettingsProfile() {
-  return (
-    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
-      <>
-        <StyledContainer>
-          <H1Title title="Profile" />
-          <Section>
-            <H2Title title="Picture" />
-            <ProfilePictureUploader />
-          </Section>
-          <Section>
-            <H2Title
-              title="Name"
-              description="Your name as it will be displayed"
-            />
-            <NameFields />
-          </Section>
-          <Section>
-            <H2Title
-              title="Email"
-              description="The email associated to your account"
-            />
-            <EmailField />
-          </Section>
-          <Section>
-            <H2Title
-              title="Support"
-              addornment={<ToggleField />}
-              description="Grant Twenty support temporary access to your account so we can troubleshoot problems or recover content on your behalf. You can revoke access at any time."
-            />
-          </Section>
-          <Section>
-            <DeleteAccount />
-          </Section>
-        </StyledContainer>
-      </>
-    </SubMenuTopBarContainer>
-  );
-}
+export const SettingsProfile = () => (
+  <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
+    <>
+      <StyledContainer>
+        <H1Title title="Profile" />
+        <Section>
+          <H2Title title="Picture" />
+          <ProfilePictureUploader />
+        </Section>
+        <Section>
+          <H2Title
+            title="Name"
+            description="Your name as it will be displayed"
+          />
+          <NameFields />
+        </Section>
+        <Section>
+          <H2Title
+            title="Email"
+            description="The email associated to your account"
+          />
+          <EmailField />
+        </Section>
+        <Section>
+          <H2Title
+            title="Support"
+            addornment={<ToggleField />}
+            description="Grant Twenty support temporary access to your account so we can troubleshoot problems or recover content on your behalf. You can revoke access at any time."
+          />
+        </Section>
+        <Section>
+          <DeleteAccount />
+        </Section>
+      </StyledContainer>
+    </>
+  </SubMenuTopBarContainer>
+);
--- a/front/src/pages/settings/SettingsWorkspace.tsx
+++ b/front/src/pages/settings/SettingsWorkspace.tsx
@ -16,26 +16,24 @@ const StyledContainer = styled.div`
  width: 350px;
 `;

-export function SettingsWorkspace() {
-  return (
-    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
-      <div>
-        <StyledContainer>
-          <H1Title title="General" />
-          <Section>
-            <H2Title title="Picture" />
-            <WorkspaceLogoUploader />
-          </Section>
-          <Section>
-            <H2Title title="Name" description="Name of your workspace" />
-            <NameField />
-          </Section>
+export const SettingsWorkspace = () => (
+  <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
+    <div>
+      <StyledContainer>
+        <H1Title title="General" />
+        <Section>
+          <H2Title title="Picture" />
+          <WorkspaceLogoUploader />
+        </Section>
+        <Section>
+          <H2Title title="Name" description="Name of your workspace" />
+          <NameField />
+        </Section>

-          <Section>
-            <DeleteWorkspace />
-          </Section>
-        </StyledContainer>
-      </div>
-    </SubMenuTopBarContainer>
-  );
-}
+        <Section>
+          <DeleteWorkspace />
+        </Section>
+      </StyledContainer>
+    </div>
+  </SubMenuTopBarContainer>
+);
--- a/front/src/pages/settings/SettingsWorkspaceMembers.tsx
+++ b/front/src/pages/settings/SettingsWorkspaceMembers.tsx
@ -31,7 +31,7 @@ const StyledButtonContainer = styled.div`
  margin-left: ${({ theme }) => theme.spacing(3)};
 `;

-export function SettingsWorkspaceMembers() {
+export const SettingsWorkspaceMembers = () => {
  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState(false);
  const [userToDelete, setUserToDelete] = useState<string | undefined>();

@ -141,4 +141,4 @@ export function SettingsWorkspaceMembers() {
      />
    </SubMenuTopBarContainer>
  );
-}
+};
--- a/front/src/pages/tasks/Tasks.tsx
+++ b/front/src/pages/tasks/Tasks.tsx
@ -32,7 +32,7 @@ const StyledTabListContainer = styled.div`
  margin-left: ${({ theme }) => `-${theme.spacing(2)}`};
 `;

-export function Tasks() {
+export const Tasks = () => {
  const TASK_TABS = [
    {
      id: 'to-do',
@ -88,4 +88,4 @@ export function Tasks() {
      </RecoilScope>
    </PageContainer>
  );
-}
+};
--- a/front/src/pages/tasks/TasksEffect.tsx
+++ b/front/src/pages/tasks/TasksEffect.tsx
@ -10,7 +10,7 @@ import { FilterOperand } from '@/ui/view-bar/types/FilterOperand';

 import { tasksFilters } from './tasks-filters';

-export function TasksEffect() {
+export const TasksEffect = () => {
  const [currentUser] = useRecoilState(currentUserState);
  const [, setFilters] = useRecoilScopedState(
    filtersScopedState,
@ -41,4 +41,4 @@ export function TasksEffect() {
    }
  }, [currentUser, setFilters]);
  return <></>;
-}
+};