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/chip/components/Chip.tsx

@@ -114,7 +114,7 @@ const StyledLabel = styled.span`
   white-space: nowrap;
 `;
 
-export function Chip({
+export const Chip = ({
   size = ChipSize.Small,
   label,
   disabled = false,
@@ -125,23 +125,21 @@ export function Chip({
   accent = ChipAccent.TextPrimary,
   maxWidth,
   className,
-}: OwnProps) {
-  return (
-    <StyledContainer
-      data-testid="chip"
-      clickable={clickable}
-      variant={variant}
-      accent={accent}
-      size={size}
-      disabled={disabled}
-      className={className}
-      maxWidth={maxWidth}
-    >
-      {leftComponent}
-      <StyledLabel>
-        <OverflowingTextWithTooltip text={label} />
-      </StyledLabel>
-      {rightComponent}
-    </StyledContainer>
-  );
-}
+}: OwnProps) => (
+  <StyledContainer
+    data-testid="chip"
+    clickable={clickable}
+    variant={variant}
+    accent={accent}
+    size={size}
+    disabled={disabled}
+    className={className}
+    maxWidth={maxWidth}
+  >
+    {leftComponent}
+    <StyledLabel>
+      <OverflowingTextWithTooltip text={label} />
+    </StyledLabel>
+    {rightComponent}
+  </StyledContainer>
+);

front/src/modules/ui/chip/components/EntityChip.tsx

@@ -20,23 +20,23 @@ export enum EntityChipVariant {
   Transparent = 'transparent',
 }
 
-export function EntityChip({
+export const EntityChip = ({
   linkToEntity,
   entityId,
   name,
   pictureUrl,
   avatarType = 'rounded',
   variant = EntityChipVariant.Regular,
-}: OwnProps) {
+}: OwnProps) => {
   const navigate = useNavigate();
 
-  function handleLinkClick(event: React.MouseEvent<HTMLDivElement>) {
+  const handleLinkClick = (event: React.MouseEvent<HTMLDivElement>) => {
     if (linkToEntity) {
       event.preventDefault();
       event.stopPropagation();
       navigate(linkToEntity);
     }
-  }
+  };
 
   return isNonEmptyString(name) ? (
     <div onClick={handleLinkClick}>
@@ -63,4 +63,4 @@ export function EntityChip({
   ) : (
     <></>
   );
-}
+};