83 lines
2.7 KiB
TypeScript
83 lines
2.7 KiB
TypeScript
import { getOperationName } from '@apollo/client/utilities';
|
|
import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
|
|
|
|
import { useOpenCreateActivityDrawerForSelectedRowIds } from '@/activities/hooks/useOpenCreateActivityDrawerForSelectedRowIds';
|
|
import { ActivityTargetableEntityType } from '@/activities/types/ActivityTargetableEntity';
|
|
import { actionBarEntriesState } from '@/ui/action-bar/states/actionBarEntriesState';
|
|
import { IconCheckbox, IconNotes, IconTrash } from '@/ui/icon';
|
|
import { useResetTableRowSelection } from '@/ui/table/hooks/useResetTableRowSelection';
|
|
import { selectedRowIdsSelector } from '@/ui/table/states/selectors/selectedRowIdsSelector';
|
|
import { tableRowIdsState } from '@/ui/table/states/tableRowIdsState';
|
|
import { ActivityType, useDeleteManyPersonMutation } from '~/generated/graphql';
|
|
|
|
import { GET_PEOPLE } from '../graphql/queries/getPeople';
|
|
|
|
export function usePersonTableActionBarEntries() {
|
|
const setActionBarEntries = useSetRecoilState(actionBarEntriesState);
|
|
|
|
const openCreateActivityRightDrawer =
|
|
useOpenCreateActivityDrawerForSelectedRowIds();
|
|
|
|
async function handleActivityClick(type: ActivityType) {
|
|
openCreateActivityRightDrawer(type, ActivityTargetableEntityType.Person);
|
|
}
|
|
|
|
const selectedRowIds = useRecoilValue(selectedRowIdsSelector);
|
|
const [tableRowIds, setTableRowIds] = useRecoilState(tableRowIdsState);
|
|
|
|
const resetRowSelection = useResetTableRowSelection();
|
|
|
|
const [deleteManyPerson] = useDeleteManyPersonMutation({
|
|
refetchQueries: [getOperationName(GET_PEOPLE) ?? ''],
|
|
});
|
|
|
|
async function handleDeleteClick() {
|
|
const rowIdsToDelete = selectedRowIds;
|
|
|
|
resetRowSelection();
|
|
|
|
await deleteManyPerson({
|
|
variables: {
|
|
ids: rowIdsToDelete,
|
|
},
|
|
optimisticResponse: {
|
|
__typename: 'Mutation',
|
|
deleteManyPerson: {
|
|
count: rowIdsToDelete.length,
|
|
},
|
|
},
|
|
update: (cache) => {
|
|
setTableRowIds(
|
|
tableRowIds.filter((id) => !rowIdsToDelete.includes(id)),
|
|
);
|
|
rowIdsToDelete.forEach((id) => {
|
|
cache.evict({ id: cache.identify({ id, __typename: 'Person' }) });
|
|
cache.gc();
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
return {
|
|
setActionBarEntries: () =>
|
|
setActionBarEntries([
|
|
{
|
|
label: 'Note',
|
|
Icon: IconNotes,
|
|
onClick: () => handleActivityClick(ActivityType.Note),
|
|
},
|
|
{
|
|
label: 'Task',
|
|
Icon: IconCheckbox,
|
|
onClick: () => handleActivityClick(ActivityType.Task),
|
|
},
|
|
{
|
|
label: 'Delete',
|
|
Icon: IconTrash,
|
|
accent: 'danger',
|
|
onClick: () => handleDeleteClick(),
|
|
},
|
|
]),
|
|
};
|
|
}
|