Files
yaak/src-web/hooks/useCreateWorkspace.ts
2024-12-20 23:49:15 -08:00

44 lines
1.3 KiB
TypeScript

import { useNavigate } from '@tanstack/react-router';
import type { Workspace } from '@yaakapp-internal/models';
import { useSetAtom } from 'jotai/index';
import { invokeCmd } from '../lib/tauri';
import { useFastMutation } from './useFastMutation';
import { usePrompt } from './usePrompt';
import { updateModelList } from './useSyncModelStores';
import { workspacesAtom } from './useWorkspaces';
export function useCreateWorkspace() {
const prompt = usePrompt();
const setWorkspaces = useSetAtom(workspacesAtom);
const navigate = useNavigate();
return useFastMutation<Workspace | null, void, void>({
mutationKey: ['create_workspace'],
mutationFn: async () => {
const name = await prompt({
id: 'new-workspace',
label: 'Name',
defaultValue: 'My Workspace',
title: 'New Workspace',
placeholder: 'My Workspace',
confirmText: 'Create',
});
if (name == null) {
return null;
}
return invokeCmd<Workspace>('cmd_create_workspace', { name });
},
onSuccess: async (workspace) => {
if (workspace == null) return;
// Optimistic update
setWorkspaces(updateModelList(workspace));
navigate({
to: '/workspaces/$workspaceId',
params: { workspaceId: workspace.id },
});
},
});
}