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/ui/dialog/components/Dialog.tsx

@@ -72,7 +72,7 @@ export type DialogProps = React.ComponentPropsWithoutRef<typeof motion.div> & {
   onClose?: () => void;
 };
 
-export function Dialog({
+export const Dialog = ({
   title,
   message,
   buttons = [],
@@ -80,7 +80,7 @@ export function Dialog({
   children,
   onClose,
   ...rootProps
-}: DialogProps) {
+}: DialogProps) => {
   const closeSnackbar = useCallback(() => {
     onClose && onClose();
   }, [onClose]);
@@ -157,4 +157,4 @@ export function Dialog({
       </StyledDialogContainer>
     </StyledDialogOverlay>
   );
-}
+};

front/src/modules/ui/dialog/components/DialogProvider.tsx

@@ -8,7 +8,7 @@ import { DialogHotkeyScope } from '../types/DialogHotkeyScope';
 
 import { Dialog } from './Dialog';
 
-export function DialogProvider({ children }: React.PropsWithChildren) {
+export const DialogProvider = ({ children }: React.PropsWithChildren) => {
   const [dialogInternal, setDialogInternal] =
     useRecoilState(dialogInternalState);
 
@@ -46,4 +46,4 @@ export function DialogProvider({ children }: React.PropsWithChildren) {
       ))}
     </>
   );
-}
+};

front/src/modules/ui/dialog/hooks/useDialog.ts

@@ -3,7 +3,7 @@ import { v4 as uuidv4 } from 'uuid';
 
 import { DialogOptions, dialogSetQueueState } from '../states/dialogState';
 
-export function useDialog() {
+export const useDialog = () => {
   const setDialogQueue = useSetRecoilState(dialogSetQueueState);
 
   const enqueueDialog = (options?: Omit<DialogOptions, 'id'>) => {
@@ -14,4 +14,4 @@ export function useDialog() {
   };
 
   return { enqueueDialog };
-}
+};