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/users/components/Avatar.tsx

@@ -81,13 +81,13 @@ const StyledAvatar = styled.div<AvatarProps & { colorId: string }>`
   }};
 `;
 
-export function Avatar({
+export const Avatar = ({
   avatarUrl,
   size = 'md',
   placeholder,
   colorId = placeholder,
   type = 'squared',
-}: AvatarProps) {
+}: AvatarProps) => {
   const noAvatarUrl = !isNonEmptyString(avatarUrl);
   const [isInvalidAvatarUrl, setIsInvalidAvatarUrl] = useState(false);
 
@@ -116,4 +116,4 @@ export function Avatar({
         placeholder[0]?.toLocaleUpperCase()}
     </StyledAvatar>
   );
-}
+};

front/src/modules/users/components/FilterDropdownUserSearchSelect.tsx

@@ -9,11 +9,11 @@ import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filte
 import { filterDropdownSelectedEntityIdScopedState } from '@/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState';
 import { useSearchUserQuery } from '~/generated/graphql';
 
-export function FilterDropdownUserSearchSelect({
+export const FilterDropdownUserSearchSelect = ({
   context,
 }: {
   context: Context<string | null>;
-}) {
+}) => {
   const filterDropdownSearchInput = useRecoilScopedValue(
     filterDropdownSearchInputScopedState,
     context,
@@ -48,4 +48,4 @@ export function FilterDropdownUserSearchSelect({
   return (
     <FilterDropdownEntitySearchSelect entitiesForSelect={usersForSelect} />
   );
-}
+};

front/src/modules/users/components/UserChip.tsx

@@ -6,13 +6,11 @@ export type UserChipProps = {
   pictureUrl?: string;
 };
 
-export function UserChip({ id, name, pictureUrl }: UserChipProps) {
-  return (
-    <EntityChip
-      entityId={id}
-      name={name}
-      avatarType="rounded"
-      pictureUrl={pictureUrl}
-    />
-  );
-}
+export const UserChip = ({ id, name, pictureUrl }: UserChipProps) => (
+  <EntityChip
+    entityId={id}
+    name={name}
+    avatarType="rounded"
+    pictureUrl={pictureUrl}
+  />
+);

front/src/modules/users/components/UserPicker.tsx

@@ -18,12 +18,12 @@ type UserForSelect = EntityForSelect & {
   entityType: Entity.User;
 };
 
-export function UserPicker({
+export const UserPicker = ({
   userId,
   onSubmit,
   onCancel,
   width,
-}: UserPickerProps) {
+}: UserPickerProps) => {
   const [relationPickerSearchFilter] = useRecoilScopedState(
     relationPickerSearchFilterScopedState,
   );
@@ -47,11 +47,11 @@ export function UserPicker({
     selectedIds: userId ? [userId] : [],
   });
 
-  async function handleEntitySelected(
+  const handleEntitySelected = async (
     selectedUser: UserForSelect | null | undefined,
-  ) {
+  ) => {
     onSubmit(selectedUser ?? null);
-  }
+  };
 
   return (
     <SingleEntitySelect
@@ -65,4 +65,4 @@ export function UserPicker({
       width={width}
     />
   );
-}
+};

front/src/modules/users/components/UserProvider.tsx

@@ -4,7 +4,7 @@ import { useRecoilState } from 'recoil';
 import { currentUserState } from '@/auth/states/currentUserState';
 import { useGetCurrentUserQuery } from '~/generated/graphql';
 
-export function UserProvider({ children }: React.PropsWithChildren) {
+export const UserProvider = ({ children }: React.PropsWithChildren) => {
   const [, setCurrentUser] = useRecoilState(currentUserState);
   const [isLoading, setIsLoading] = useState(true);
 
@@ -26,4 +26,4 @@ export function UserProvider({ children }: React.PropsWithChildren) {
   }, [setCurrentUser, data, isLoading, loading]);
 
   return isLoading ? <></> : <>{children}</>;
-}
+};

front/src/modules/users/utils/getProfilePictureAbsoluteURI.ts

@@ -1,4 +1,4 @@
-export function getImageAbsoluteURIOrBase64(imageUrl?: string | null) {
+export const getImageAbsoluteURIOrBase64 = (imageUrl?: string | null) => {
   if (!imageUrl) {
     return null;
   }
@@ -16,4 +16,4 @@ export function getImageAbsoluteURIOrBase64(imageUrl?: string | null) {
     process.env.REACT_APP_SERVER_BASE_URL + '/files';
 
   return `${serverFilesUrl}/${imageUrl}`;
-}
+};