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/apollo/components/ApolloProvider.tsx

@@ -2,10 +2,10 @@ import { ApolloProvider as ApolloProviderBase } from '@apollo/client';
 
 import { useApolloFactory } from '@/apollo/hooks/useApolloFactory';
 
-export function ApolloProvider({ children }: React.PropsWithChildren) {
+export const ApolloProvider = ({ children }: React.PropsWithChildren) => {
   const apolloClient = useApolloFactory();
 
   return (
     <ApolloProviderBase client={apolloClient}>{children}</ApolloProviderBase>
   );
-}
+};

front/src/modules/apollo/hooks/useApolloFactory.ts

@@ -12,7 +12,7 @@ import { useUpdateEffect } from '~/hooks/useUpdateEffect';
 
 import { ApolloFactory } from '../services/apollo.factory';
 
-export function useApolloFactory() {
+export const useApolloFactory = () => {
   const apolloRef = useRef<ApolloFactory<NormalizedCacheObject> | null>(null);
   const [isDebugMode] = useRecoilState(isDebugModeState);
 
@@ -28,10 +28,10 @@ export function useApolloFactory() {
           Activity: {
             fields: {
               activityTargets: {
-                merge(
+                merge: (
                   _existing: ActivityTarget[] = [],
                   incoming: ActivityTarget[],
-                ) {
+                ) => {
                   return [...incoming];
                 },
               },
@@ -47,10 +47,10 @@ export function useApolloFactory() {
       connectToDevTools: isDebugMode,
       // We don't want to re-create the client on token change or it will cause infinite loop
       initialTokenPair: tokenPair,
-      onTokenPairChange(tokenPair) {
+      onTokenPairChange: (tokenPair) => {
         setTokenPair(tokenPair);
       },
-      onUnauthenticatedError() {
+      onUnauthenticatedError: () => {
         setTokenPair(null);
         if (
           !isMatchingLocation(AppPath.Verify) &&
@@ -76,4 +76,4 @@ export function useApolloFactory() {
   }, [tokenPair]);
 
   return apolloClient;
-}
+};

front/src/modules/apollo/optimistic-effect/hooks/useOptimisticEffect.ts

@@ -13,7 +13,7 @@ import { GetCompaniesQuery, GetPeopleQuery } from '~/generated/graphql';
 import { optimisticEffectState } from '../states/optimisticEffectState';
 import { OptimisticEffectDefinition } from '../types/OptimisticEffectDefinition';
 
-export function useOptimisticEffect() {
+export const useOptimisticEffect = () => {
   const apolloClient = useApolloClient();
 
   const registerOptimisticEffect = useRecoilCallback(
@@ -29,7 +29,7 @@ export function useOptimisticEffect() {
           .getLoadable(optimisticEffectState)
           .getValue();
 
-        function optimisticEffectWriter({
+        const optimisticEffectWriter = ({
           cache,
           newData,
           query,
@@ -39,7 +39,7 @@ export function useOptimisticEffect() {
           newData: unknown[];
           variables: OperationVariables;
           query: DocumentNode;
-        }) {
+        }) => {
           const existingData = cache.readQuery({
             query,
             variables,
@@ -76,7 +76,7 @@ export function useOptimisticEffect() {
               },
             });
           }
-        }
+        };
 
         const optimisticEffect = {
           key: definition.key,
@@ -117,4 +117,4 @@ export function useOptimisticEffect() {
     registerOptimisticEffect,
     triggerOptimisticEffects,
   };
-}
+};