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/command-menu/components/CommandMenu.tsx

@@ -28,7 +28,7 @@ import {
   StyledList,
 } from './CommandMenuStyles';
 
-export function CommandMenu() {
+export const CommandMenu = () => {
   const { openCommandMenu, closeCommandMenu } = useCommandMenu();
   const openActivityRightDrawer = useOpenActivityRightDrawer();
   const isCommandMenuOpened = useRecoilValue(isCommandMenuOpenedState);
@@ -219,4 +219,4 @@ export function CommandMenu() {
       </StyledList>
     </StyledDialog>
   );
-}
+};

front/src/modules/command-menu/components/CommandMenuItem.tsx

@@ -16,13 +16,13 @@ export type CommandMenuItemProps = {
   shortcuts?: Array<string>;
 };
 
-export function CommandMenuItem({
+export const CommandMenuItem = ({
   label,
   to,
   onClick,
   Icon,
   shortcuts,
-}: CommandMenuItemProps) {
+}: CommandMenuItemProps) => {
   const navigate = useNavigate();
   const { closeCommandMenu } = useCommandMenu();
 
@@ -51,4 +51,4 @@ export function CommandMenuItem({
       onClick={onItemClick}
     />
   );
-}
+};

front/src/modules/command-menu/hooks/useCommandMenu.ts

@@ -8,7 +8,7 @@ import { commandMenuCommandsState } from '../states/commandMenuCommandsState';
 import { isCommandMenuOpenedState } from '../states/isCommandMenuOpenedState';
 import { Command } from '../types/Command';
 
-export function useCommandMenu() {
+export const useCommandMenu = () => {
   const [, setIsCommandMenuOpened] = useRecoilState(isCommandMenuOpenedState);
   const setCommands = useSetRecoilState(commandMenuCommandsState);
   const {
@@ -16,23 +16,23 @@ export function useCommandMenu() {
     goBackToPreviousHotkeyScope,
   } = usePreviousHotkeyScope();
 
-  function openCommandMenu() {
+  const openCommandMenu = () => {
     setIsCommandMenuOpened(true);
     setHotkeyScopeAndMemorizePreviousScope(AppHotkeyScope.CommandMenu);
-  }
+  };
 
-  function closeCommandMenu() {
+  const closeCommandMenu = () => {
     setIsCommandMenuOpened(false);
     goBackToPreviousHotkeyScope();
-  }
+  };
 
-  function addToCommandMenu(addCommand: Command[]) {
+  const addToCommandMenu = (addCommand: Command[]) => {
     setCommands((prev) => [...prev, ...addCommand]);
-  }
+  };
 
-  function setToIntitialCommandMenu() {
+  const setToIntitialCommandMenu = () => {
     setCommands(commandMenuCommands);
-  }
+  };
 
   return {
     openCommandMenu,
@@ -40,4 +40,4 @@ export function useCommandMenu() {
     addToCommandMenu,
     setToIntitialCommandMenu,
   };
-}
+};