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/context-menu/components/ContextMenu.tsx

@@ -41,7 +41,7 @@ const StyledContainerContextMenu = styled.div<StyledContainerProps>`
   z-index: 1;
 `;
 
-export function ContextMenu({ selectedIds }: OwnProps) {
+export const ContextMenu = ({ selectedIds }: OwnProps) => {
   const contextMenuPosition = useRecoilValue(contextMenuPositionState);
   const contextMenuIsOpen = useRecoilValue(contextMenuIsOpenState);
   const contextMenuEntries = useRecoilValue(contextMenuEntriesState);
@@ -81,4 +81,4 @@ export function ContextMenu({ selectedIds }: OwnProps) {
       </StyledDropdownMenu>
     </StyledContainerContextMenu>
   );
-}
+};

front/src/modules/ui/context-menu/components/ContextMenuItem.tsx

@@ -10,13 +10,11 @@ type OwnProps = {
   onClick: () => void;
 };
 
-export function ContextMenuItem({
+export const ContextMenuItem = ({
   label,
   Icon,
   accent = 'default',
   onClick,
-}: OwnProps) {
-  return (
-    <MenuItem LeftIcon={Icon} onClick={onClick} accent={accent} text={label} />
-  );
-}
+}: OwnProps) => (
+  <MenuItem LeftIcon={Icon} onClick={onClick} accent={accent} text={label} />
+);

front/src/modules/ui/context-menu/components/__stories__/ContextMenu.stories.tsx

@@ -12,7 +12,7 @@ import { contextMenuIsOpenState } from '../../states/contextMenuIsOpenState';
 import { contextMenuPositionState } from '../../states/contextMenuPositionState';
 import { ContextMenu } from '../ContextMenu';
 
-function FilledContextMenu(props: { selectedIds: string[] }) {
+const FilledContextMenu = (props: { selectedIds: string[] }) => {
   const { setContextMenuEntries } = useCompanyTableContextMenuEntries();
   setContextMenuEntries();
   const setContextMenuPosition = useSetRecoilState(contextMenuPositionState);
@@ -23,7 +23,7 @@ function FilledContextMenu(props: { selectedIds: string[] }) {
   const setContextMenuOpenState = useSetRecoilState(contextMenuIsOpenState);
   setContextMenuOpenState(true);
   return <ContextMenu selectedIds={props.selectedIds} />;
-}
+};
 
 const meta: Meta<typeof ContextMenu> = {
   title: 'UI/ContextMenu/ContextMenu',