admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Implement Optimistic Effects (#1415)

Browse Source 
* Fix person deletion not reflected on Opportunities POC

* Fix companies, user deletion

* Implement optimistic effects

* Implement optimistic effects

* Implement optimistic effects

* Fix accoding to PR
This commit is contained in:
Charles Bochet
2023-09-04 10:56:48 +02:00
committed by GitHub
parent ae072b6ce5
commit a46210bb80
10 changed files with 188 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
front/src/modules/ui/table/components/GenericEntityTableData.tsx
View File

@ -1,5 +1,7 @@
import { useEffect } from 'react';
import { useOptimisticEffect } from '@/apollo/optimistic-effect/hooks/useOptimisticEffect';
import { OptimisticEffect } from '@/apollo/optimistic-effect/types/OptimisticEffect';
import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
import { useSetEntityTableData } from '@/ui/table/hooks/useSetEntityTableData';
import { SortOrder } from '~/generated/graphql';
@ -7,6 +9,7 @@ import { SortOrder } from '~/generated/graphql';
export function GenericEntityTableData({
useGetRequest,
getRequestResultKey,
getRequestOptimisticEffect,
orderBy = [
{
createdAt: SortOrder.Desc,
@ -19,6 +22,7 @@ export function GenericEntityTableData({
}: {
useGetRequest: any;
getRequestResultKey: string;
getRequestOptimisticEffect: (variables: any) => OptimisticEffect<any, any>;
orderBy?: any;
whereFilters?: any;
filterDefinitionArray: FilterDefinition[];
@ -26,11 +30,16 @@ export function GenericEntityTableData({
setContextMenuEntries?: () => void;
}) {
const setEntityTableData = useSetEntityTableData();
const { registerOptimisticEffect } = useOptimisticEffect();
useGetRequest({
variables: { orderBy, where: whereFilters },
onCompleted: (data: any) => {
const entities = data[getRequestResultKey] ?? [];
setEntityTableData(entities, filterDefinitionArray);
registerOptimisticEffect(
getRequestOptimisticEffect({ orderBy, where: whereFilters }),
);
},
});