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/settings/workspace/components/NameField.tsx

@@ -22,7 +22,7 @@ type OwnProps = {
   onNameUpdate?: (name: string) => void;
 };
 
-export function NameField({ autoSave = true, onNameUpdate }: OwnProps) {
+export const NameField = ({ autoSave = true, onNameUpdate }: OwnProps) => {
   const [currentUser] = useRecoilState(currentUserState);
   const workspace = currentUser?.workspaceMember?.workspace;
 
@@ -77,4 +77,4 @@ export function NameField({ autoSave = true, onNameUpdate }: OwnProps) {
       />
     </StyledComboInputContainer>
   );
-}
+};

front/src/modules/settings/workspace/components/WorkspaceLogoUploader.tsx

@@ -10,11 +10,11 @@ import {
   useUploadWorkspaceLogoMutation,
 } from '~/generated/graphql';
 
-export function WorkspaceLogoUploader() {
+export const WorkspaceLogoUploader = () => {
   const [uploadLogo] = useUploadWorkspaceLogoMutation();
   const [removeLogo] = useRemoveWorkspaceLogoMutation();
   const [currentUser] = useRecoilState(currentUserState);
-  async function onUpload(file: File) {
+  const onUpload = async (file: File) => {
     if (!file) {
       return;
     }
@@ -24,13 +24,13 @@ export function WorkspaceLogoUploader() {
       },
       refetchQueries: [getOperationName(GET_CURRENT_USER) ?? ''],
     });
-  }
+  };
 
-  async function onRemove() {
+  const onRemove = async () => {
     await removeLogo({
       refetchQueries: [getOperationName(GET_CURRENT_USER) ?? ''],
     });
-  }
+  };
 
   return (
     <ImageInput
@@ -41,4 +41,4 @@ export function WorkspaceLogoUploader() {
       onRemove={onRemove}
     />
   );
-}
+};