vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-25 15:47:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

feature: Optimistic update for starred:

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2021-03-02 18:02:08 -08:00
parent 368b520748
commit 0921fc41e3
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/webapp/src/components/maps-page/maps-list/index.tsx
View File

@ -335,23 +335,28 @@ export const MapsList = (props: MapsListProps): React.ReactElement => {
event.stopPropagation();
};
};
9
const starredMultation = useMutation<void, ErrorInfo, number>(
(id: number) => {
const map = mapsInfo.find((m) => m.id == id);
if(!map){
console.error(`Map ${id} could not be found.`);
console.error(`MapsInfo ${mapsInfo} list`);
}
console.debug(`Starred value map?.starred: ${map?.starred}`);
const starred = !(map?.starred);
return client.updateStarred(id, !(map?.starred));
// Follow a optimistic update approach ...
queryClient.setQueryData<MapInfo[]>('maps', mapsInfo => {
if (map) {
map.starred = !map.starred;
}
return mapsInfo || [];
});
return client.updateStarred(id, starred);
},
{
onSuccess: () => {
queryClient.invalidateQueries('maps');
},
onError: (error) => {
queryClient.invalidateQueries('maps');
console.error(error);
},
}

2
packages/webapp/src/redux/clientSlice.ts
View File

@ -70,4 +70,4 @@ export const activeInstanceStatus = (state: any): ClientStatus => {
};
export const { sessionExpired } = clientSlice.actions;
export default clientSlice.reducer;
export default clientSlice.reducer;'