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/activities/editable-fields/components/ActivityAssigneeEditableField.tsx

@@ -14,7 +14,7 @@ type OwnProps = {
   };
 };
 
-export function ActivityAssigneeEditableField({ activity }: OwnProps) {
+export const ActivityAssigneeEditableField = ({ activity }: OwnProps) => {
   return (
     <RecoilScope CustomRecoilScopeContext={FieldRecoilScopeContext}>
       <RecoilScope>
@@ -44,4 +44,4 @@ export function ActivityAssigneeEditableField({ activity }: OwnProps) {
       </RecoilScope>
     </RecoilScope>
   );
-}
+};

front/src/modules/activities/editable-fields/components/ActivityAssigneeEditableFieldEditMode.tsx

@@ -18,22 +18,22 @@ export type OwnProps = {
   onCancel?: () => void;
 };
 
-export function ActivityAssigneeEditableFieldEditMode({
+export const ActivityAssigneeEditableFieldEditMode = ({
   activity,
   onSubmit,
   onCancel,
-}: OwnProps) {
+}: OwnProps) => {
   const { closeEditableField } = useEditableField();
 
-  function handleSubmit() {
+  const handleSubmit = () => {
     closeEditableField();
     onSubmit?.();
-  }
+  };
 
-  function handleCancel() {
+  const handleCancel = () => {
     closeEditableField();
     onCancel?.();
-  }
+  };
 
   return (
     <StyledContainer>
@@ -44,4 +44,4 @@ export function ActivityAssigneeEditableFieldEditMode({
       />
     </StyledContainer>
   );
-}
+};

front/src/modules/activities/editable-fields/components/ActivityRelationEditableField.tsx

@@ -19,7 +19,7 @@ type OwnProps = {
   };
 };
 
-export function ActivityRelationEditableField({ activity }: OwnProps) {
+export const ActivityRelationEditableField = ({ activity }: OwnProps) => {
   return (
     <RecoilScope CustomRecoilScopeContext={FieldRecoilScopeContext}>
       <RecoilScope>
@@ -41,4 +41,4 @@ export function ActivityRelationEditableField({ activity }: OwnProps) {
       </RecoilScope>
     </RecoilScope>
   );
-}
+};

front/src/modules/activities/editable-fields/components/ActivityRelationEditableFieldEditMode.tsx

@@ -24,7 +24,9 @@ const StyledSelectContainer = styled.div`
   top: -8px;
 `;
 
-export function ActivityRelationEditableFieldEditMode({ activity }: OwnProps) {
+export const ActivityRelationEditableFieldEditMode = ({
+  activity,
+}: OwnProps) => {
   const [searchFilter, setSearchFilter] = useState('');
 
   const initialPeopleIds = useMemo(
@@ -98,9 +100,9 @@ export function ActivityRelationEditableFieldEditMode({ activity }: OwnProps) {
     closeEditableField,
   ]);
 
-  function handleCancel() {
+  const handleCancel = () => {
     closeEditableField();
-  }
+  };
 
   return (
     <StyledSelectContainer>
@@ -120,4 +122,4 @@ export function ActivityRelationEditableFieldEditMode({ activity }: OwnProps) {
       />
     </StyledSelectContainer>
   );
-}
+};