Fix/company team crud (#2614)

* Fixed basePathToShowPage

* Fixed company team list

* Fixed : create, update, delete and detach people from company.

front/src/modules/companies/components/CompanyTeam.tsx

@@ -1,8 +1,11 @@
+import { useQuery } from '@apollo/client';
 import styled from '@emotion/styled';
+import { isNonEmptyArray } from '@sniptt/guards';
 
 import { Company } from '@/companies/types/Company';
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { mapPaginatedObjectsToObjects } from '@/object-record/utils/mapPaginatedObjectsToObjects';
 import { PeopleCard } from '@/people/components/PeopleCard';
-import { Person } from '@/people/types/Person';
 
 import { AddPersonToCompany } from './AddPersonToCompany';
 
@@ -43,37 +46,44 @@ const StyledTitle = styled.div`
   line-height: ${({ theme }) => theme.text.lineHeight.lg};
 `;
 
-export const CompanyTeam = ({ company }: CompanyTeamProps) => {
-  // const { data } = useGetPeopleQuery({
-  //   variables: {
-  //     orderBy: [],
-  //     where: {
-  //       companyId: {
-  //         equals: company.id,
-  //       },
-  //     },
-  //   },
-  // });
-  const data = {
-    people: [],
-  };
+export const CompanyTeam = ({ company }: { company: any }) => {
+  const { findManyQuery } = useObjectMetadataItem({
+    objectNameSingular: 'person',
+  });
 
-  const peopleIds = data?.people?.map(({ id }) => id);
+  const { data } = useQuery(findManyQuery, {
+    variables: {
+      filter: {
+        companyId: {
+          eq: company.id,
+        },
+      },
+    },
+  });
+
+  const people = mapPaginatedObjectsToObjects({
+    objectNamePlural: 'people',
+    pagedObjects: data ?? [],
+  });
+
+  const peopleIds = people.map((person) => person.id);
+
+  const hasPeople = isNonEmptyArray(peopleIds);
 
   return (
     <>
-      {Boolean(data?.people?.length) && (
+      {hasPeople && (
         <StyledContainer>
           <StyledTitleContainer>
             <StyledTitle>Team</StyledTitle>
             <AddPersonToCompany companyId={company.id} peopleIds={peopleIds} />
           </StyledTitleContainer>
           <StyledListContainer>
-            {data?.people?.map((person: Person, id) => (
+            {people.map((person: any) => (
               <PeopleCard
                 key={person.id}
                 person={person}
-                hasBottomBorder={id !== data.people.length - 1}
+                hasBottomBorder={person.id !== people.length - 1}
               />
             ))}
           </StyledListContainer>