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/hooks/useCombinedRefs.ts

@@ -1,9 +1,8 @@
 import React, { Ref, RefCallback } from 'react';
 
-export function useCombinedRefs<T>(
-  ...refs: (Ref<T> | undefined)[]
-): RefCallback<T> {
-  return (node: T) => {
+export const useCombinedRefs =
+  <T>(...refs: (Ref<T> | undefined)[]): RefCallback<T> =>
+  (node: T) => {
     for (const ref of refs) {
       if (typeof ref === 'function') {
         ref(node);
@@ -12,4 +11,3 @@ export function useCombinedRefs<T>(
       }
     }
   };
-}

front/src/hooks/useFirstMountState.ts

@@ -1,6 +1,6 @@
 import { useRef } from 'react';
 
-export function useFirstMountState(): boolean {
+export const useFirstMountState = (): boolean => {
   const isFirst = useRef(true);
 
   if (isFirst.current) {
@@ -10,4 +10,4 @@ export function useFirstMountState(): boolean {
   }
 
   return isFirst.current;
-}
+};

front/src/hooks/useIsMatchingLocation.ts

@@ -3,14 +3,14 @@ import { parse } from 'url';
 
 import { AppBasePath } from '@/types/AppBasePath';
 
-export function useIsMatchingLocation() {
+export const useIsMatchingLocation = () => {
   const location = useLocation();
 
-  return function isMatchingLocation(path: string, basePath?: AppBasePath) {
+  return (path: string, basePath?: AppBasePath) => {
     const constructedPath = basePath
       ? parse(`${basePath}/${path}`).pathname ?? ''
       : path;
 
     return !!matchPath(constructedPath, location.pathname);
   };
-}
+};

front/src/hooks/useUpdateEffect.ts

@@ -2,7 +2,10 @@ import { DependencyList, EffectCallback, useEffect } from 'react';
 
 import { useFirstMountState } from './useFirstMountState';
 
-export function useUpdateEffect(effect: EffectCallback, deps?: DependencyList) {
+export const useUpdateEffect = (
+  effect: EffectCallback,
+  deps?: DependencyList,
+) => {
   const isFirst = useFirstMountState();
 
   useEffect(() => {
@@ -11,4 +14,4 @@ export function useUpdateEffect(effect: EffectCallback, deps?: DependencyList) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
-}
+};