ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimistically refresh categories on reordering

Browse Source
This commit is contained in:
schroda
2023-10-16 01:38:53 +02:00
parent b7e1afd4f4
commit e2fed69c90
2 changed files with 68 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/screens/settings/Categories.tsx
View File

@@ -65,19 +65,17 @@ export default function Categories() {
const [dialogOpen, setDialogOpen] = useState<boolean>(false);
const [dialogName, setDialogName] = useState<string>('');
const [dialogDefault, setDialogDefault] = useState<boolean>(false);
const [reorderCategory, { reset: revertReorder }] = requestManager.useReorderCategory();
const theme = useTheme();
useSetDefaultBackTo('settings');
const categoryReorder = (list: TCategory[], from: number, to: number) => {
const reorderedCategory = list[from];
const newData = [...list];
const [removed] = newData.splice(from, 1);
newData.splice(to, 0, removed);
// TODO - update cache immediately
// mutate(categoriesEndpoint, newData, { revalidate: false });
requestManager.reorderCategory(reorderedCategory.id, to + 1);
reorderCategory({ variables: { input: { id: reorderedCategory.id, position: to + 1 } } }).catch(() =>
revertReorder(),
);
};
const onDragEnd = (result: DropResult) => {