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/layout/show-page/components/ShowPageAddButton.tsx

@@ -16,20 +16,20 @@ const StyledContainer = styled.div`
   z-index: 1;
 `;
 
-export function ShowPageAddButton({
+export const ShowPageAddButton = ({
   entity,
 }: {
   entity: ActivityTargetableEntity;
-}) {
+}) => {
   const { closeDropdownButton, toggleDropdownButton } = useDropdownButton({
     dropdownId: 'add-show-page',
   });
   const openCreateActivity = useOpenCreateActivityDrawer();
 
-  function handleSelect(type: ActivityType) {
+  const handleSelect = (type: ActivityType) => {
     openCreateActivity({ type, targetableEntities: [entity] });
     closeDropdownButton();
-  }
+  };
 
   return (
     <StyledContainer>
@@ -71,4 +71,4 @@ export function ShowPageAddButton({
       />
     </StyledContainer>
   );
-}
+};

front/src/modules/ui/layout/show-page/components/ShowPageLeftContainer.tsx

@@ -35,9 +35,9 @@ export type ShowPageLeftContainerProps = {
   children: ReactElement[];
 };
 
-export function ShowPageLeftContainer({
+export const ShowPageLeftContainer = ({
   children,
-}: ShowPageLeftContainerProps) {
+}: ShowPageLeftContainerProps) => {
   const isMobile = useIsMobile();
   return isMobile ? (
     <StyledOuterContainer>
@@ -50,4 +50,4 @@ export function ShowPageLeftContainer({
       </ScrollWrapper>
     </StyledOuterContainer>
   );
-}
+};

front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx

@@ -43,13 +43,13 @@ type OwnProps = {
   emails?: boolean;
 };
 
-export function ShowPageRightContainer({
+export const ShowPageRightContainer = ({
   entity,
   timeline,
   tasks,
   notes,
   emails,
-}: OwnProps) {
+}: OwnProps) => {
   const TASK_TABS = [
     {
       id: 'timeline',
@@ -93,4 +93,4 @@ export function ShowPageRightContainer({
       {activeTabId === 'notes' && <Notes entity={entity} />}
     </StyledShowPageRightContainer>
   );
-}
+};

front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx

@@ -72,14 +72,14 @@ const StyledFileInput = styled.input`
   display: none;
 `;
 
-export function ShowPageSummaryCard({
+export const ShowPageSummaryCard = ({
   id,
   logoOrAvatar,
   title,
   date,
   renderTitleEditComponent,
   onUploadPicture,
-}: OwnProps) {
+}: OwnProps) => {
   const beautifiedCreatedAt =
     date !== '' ? beautifyPastDateRelativeToNow(date) : '';
   const exactCreatedAt = date !== '' ? beautifyExactDateTime(date) : '';
@@ -129,4 +129,4 @@ export function ShowPageSummaryCard({
       </StyledInfoContainer>
     </StyledShowPageSummaryCard>
   );
-}
+};