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/spreadsheet-import/components/Heading.tsx

@@ -27,11 +27,9 @@ const StyledDescription = styled.span`
   text-align: center;
 `;
 
-export function Heading({ title, description, ...props }: Props) {
-  return (
-    <StyledContainer {...props}>
-      <StyledTitle>{title}</StyledTitle>
-      {description && <StyledDescription>{description}</StyledDescription>}
-    </StyledContainer>
-  );
-}
+export const Heading = ({ title, description, ...props }: Props) => (
+  <StyledContainer {...props}>
+    <StyledTitle>{title}</StyledTitle>
+    {description && <StyledDescription>{description}</StyledDescription>}
+  </StyledContainer>
+);

front/src/modules/spreadsheet-import/components/MatchColumnSelect.tsx

@@ -76,21 +76,21 @@ export const MatchColumnSelect = ({
     leading: true,
   });
 
-  function handleFilterChange(event: React.ChangeEvent<HTMLInputElement>) {
+  const handleFilterChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.currentTarget.value;
 
     setSearchFilter(value);
     debouncedHandleSearchFilter(value);
-  }
+  };
 
-  function handleDropdownItemClick() {
+  const handleDropdownItemClick = () => {
     setIsOpen(true);
-  }
+  };
 
-  function handleChange(option: ReadonlyDeep<SelectOption>) {
+  const handleChange = (option: ReadonlyDeep<SelectOption>) => {
     onChange(option);
     setIsOpen(false);
-  }
+  };
 
   useListenClickOutside({
     refs: [dropdownContainerRef],

front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx

@@ -35,7 +35,7 @@ export const ModalCloseButton = ({ onClose }: ModalCloseButtonProps) => {
 
   const { enqueueDialog } = useDialog();
 
-  function handleClose() {
+  const handleClose = () => {
     if (activeStep === -1) {
       onClose();
       return;
@@ -48,7 +48,7 @@ export const ModalCloseButton = ({ onClose }: ModalCloseButtonProps) => {
         { title: 'Exit', onClick: onClose, accent: 'danger', role: 'confirm' },
       ],
     });
-  }
+  };
 
   return (
     <StyledCloseButtonContainer>