starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 09:18:30 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Switch to useMutation in some places

Browse Source
This commit is contained in:
Gregory Schier
2024-12-20 17:38:41 -08:00
parent 27134a52ad
commit 51a11b6495
48 changed files with 98 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src-web/components/FolderSettingsDialog.tsx
View File

@@ -1,6 +1,5 @@
import { useFolders } from '../hooks/useFolders';
import { useUpdateAnyFolder } from '../hooks/useUpdateAnyFolder';
import { Banner } from './core/Banner';
import { PlainInput } from './core/PlainInput';
import { VStack } from './core/Stacks';
import { MarkdownEditor } from './MarkdownEditor';
@@ -10,7 +9,7 @@ interface Props {
}
export function FolderSettingsDialog({ folderId }: Props) {
const updateFolder = useUpdateAnyFolder();
const { mutate: updateFolder } = useUpdateAnyFolder();
const folders = useFolders();
const folder = folders.find((f) => f.id === folderId);
@@ -18,13 +17,12 @@ export function FolderSettingsDialog({ folderId }: Props) {
return (
<VStack space={3} className="pb-3">
{updateFolder.error != null && <Banner color="danger">{String(updateFolder.error)}</Banner>}
<PlainInput
label="Folder Name"
defaultValue={folder.name}
onChange={(name) => {
if (folderId == null) return;
updateFolder.mutate({ id: folderId, update: (folder) => ({ ...folder, name }) });
updateFolder({ id: folderId, update: (folder) => ({ ...folder, name }) });
}}
/>
@@ -35,7 +33,7 @@ export function FolderSettingsDialog({ folderId }: Props) {
defaultValue={folder.description}
onChange={(description) => {
if (folderId == null) return;
updateFolder.mutate({
updateFolder({
id: folderId,
update: (folder) => ({ ...folder, description }),
});