Merge branch 'main' into context-menu-vertical

front/src/pages/companies/CompanyShow.tsx

@@ -9,6 +9,7 @@ import { CompanyCreatedAtEditableField } from '@/companies/editable-field/compon
 import { CompanyDomainNameEditableField } from '@/companies/editable-field/components/CompanyDomainNameEditableField';
 import { CompanyEmployeesEditableField } from '@/companies/editable-field/components/CompanyEmployeesEditableField';
 import { useCompanyQuery } from '@/companies/queries';
+import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { PropertyBox } from '@/ui/editable-field/property-box/components/PropertyBox';
 import { IconBuildingSkyscraper } from '@/ui/icon';
 import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
@@ -23,19 +24,28 @@ import { ShowPageContainer } from '../../modules/ui/layout/components/ShowPageCo
 
 export function CompanyShow() {
   const companyId = useParams().companyId ?? '';
-
-  const { data } = useCompanyQuery(companyId);
-  const company = data?.findUniqueCompany;
+  const { insertCompanyFavorite, deleteCompanyFavorite } = useFavorites();
 
   const theme = useTheme();
+  const { data } = useCompanyQuery(companyId);
+  const company = data?.findUniqueCompany;
+  const isFavorite =
+    company?.Favorite && company?.Favorite?.length > 0 ? true : false;
 
   if (!company) return <></>;
 
+  async function handleFavoriteButtonClick() {
+    if (isFavorite) deleteCompanyFavorite(companyId);
+    else insertCompanyFavorite(companyId);
+  }
+
   return (
     <WithTopBarContainer
       title={company?.name ?? ''}
       hasBackButton
+      isFavorite={isFavorite}
       icon={<IconBuildingSkyscraper size={theme.icon.size.md} />}
+      onFavoriteButtonClick={handleFavoriteButtonClick}
     >
       <ShowPageContainer>
         <ShowPageLeftContainer>

front/src/pages/people/PersonShow.tsx

@@ -3,6 +3,7 @@ import { getOperationName } from '@apollo/client/utilities';
 import { useTheme } from '@emotion/react';
 
 import { Timeline } from '@/activities/timeline/components/Timeline';
+import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { PersonPropertyBox } from '@/people/components/PersonPropertyBox';
 import { GET_PERSON, usePersonQuery } from '@/people/queries';
 import { IconUser } from '@/ui/icon';
@@ -20,9 +21,12 @@ import { ShowPageContainer } from '../../modules/ui/layout/components/ShowPageCo
 
 export function PersonShow() {
   const personId = useParams().personId ?? '';
+  const { insertPersonFavorite, deletePersonFavorite } = useFavorites();
 
   const { data } = usePersonQuery(personId);
   const person = data?.findUniquePerson;
+  const isFavorite =
+    person?.Favorite && person?.Favorite?.length > 0 ? true : false;
 
   const theme = useTheme();
   const [uploadPicture] = useUploadPersonPictureMutation();
@@ -40,11 +44,18 @@ export function PersonShow() {
     });
   }
 
+  async function handleFavoriteButtonClick() {
+    if (isFavorite) deletePersonFavorite(personId);
+    else insertPersonFavorite(personId);
+  }
+
   return (
     <WithTopBarContainer
       title={person?.firstName ?? ''}
       icon={<IconUser size={theme.icon.size.md} />}
       hasBackButton
+      isFavorite={isFavorite}
+      onFavoriteButtonClick={handleFavoriteButtonClick}
     >
       <ShowPageContainer>
         <ShowPageLeftContainer>