- rename entries hooks

- tests
- move useeffects to sub components

front/src/modules/people/hooks/useActionBarEntries.tsx

@@ -13,7 +13,7 @@ import { ActivityType, useDeleteManyPersonMutation } from '~/generated/graphql';
 
 import { GET_PEOPLE } from '../queries';
 
-export function useOpenActionBar() {
+export function useActionBarEntries() {
   const setActionBarEntries = useSetRecoilState(actionBarEntriesState);
 
   const openCreateActivityRightDrawer =
@@ -61,17 +61,20 @@ export function useOpenActionBar() {
         label="Note"
         icon={<IconNotes size={16} />}
         onClick={() => handleActivityClick(ActivityType.Note)}
+        key="note"
       />,
       <ActionBarEntry
         label="Task"
         icon={<IconCheckbox size={16} />}
         onClick={() => handleActivityClick(ActivityType.Task)}
+        key="task"
       />,
       <ActionBarEntry
         label="Delete"
         icon={<IconTrash size={16} />}
         type="danger"
         onClick={handleDeleteClick}
+        key="delte"
       />,
     ]);
   };

front/src/modules/people/hooks/useContextMenuEntries.tsx

@@ -13,7 +13,7 @@ import { ActivityType, useDeleteManyPersonMutation } from '~/generated/graphql';
 
 import { GET_PEOPLE } from '../queries';
 
-export function useOpenContextMenu() {
+export function useContextMenuEntries() {
   const setContextMenuEntries = useSetRecoilState(contextMenuEntriesState);
 
   const openCreateActivityRightDrawer =
@@ -61,17 +61,20 @@ export function useOpenContextMenu() {
         label="Note"
         icon={<IconNotes size={16} />}
         onClick={() => handleActivityClick(ActivityType.Note)}
+        key="note"
       />,
       <ContextMenuEntry
         label="Task"
         icon={<IconCheckbox size={16} />}
         onClick={() => handleActivityClick(ActivityType.Task)}
+        key="task"
       />,
       <ContextMenuEntry
         label="Delete"
         icon={<IconTrash size={16} />}
         type="danger"
         onClick={handleDeleteClick}
+        key="delete"
       />,
     ]);
   };

front/src/modules/people/table/components/PeopleTable.tsx

@@ -1,6 +1,8 @@
 import { useMemo } from 'react';
 import { useRecoilValue } from 'recoil';
 
+import { useActionBarEntries } from '@/companies/hooks/useActionBarEntries';
+import { useContextMenuEntries } from '@/companies/hooks/useContextMenuEntries';
 import { peopleViewFields } from '@/people/constants/peopleViewFields';
 import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
 import { sortsOrderByScopedState } from '@/ui/filter-n-sort/states/sortScopedState';
@@ -45,6 +47,9 @@ export function PeopleTable() {
     return { AND: filters.map(turnFilterIntoWhereClause) };
   }, [filters]) as any;
 
+  const setContextMenu = useContextMenuEntries();
+  const setActionBar = useActionBarEntries();
+
   return (
     <>
       <GenericEntityTableData
@@ -53,6 +58,8 @@ export function PeopleTable() {
         orderBy={orderBy.length ? orderBy : defaultOrderBy}
         whereFilters={whereFilters}
         filterDefinitionArray={peopleFilters}
+        setContextMenu={setContextMenu}
+        setActionBar={setActionBar}
       />
       <EntityTable
         viewName="All People"