Filesystem Sync (#142)

src-web/hooks/useCreateWorkspace.tsx

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { CreateWorkspaceDialog } from '../components/CreateWorkspaceDialog';
+import { useDialog } from './useDialog';
+
+export function useCreateWorkspace() {
+  const dialog = useDialog();
+
+  return useCallback(() => {
+    dialog.show({
+      id: 'create-workspace',
+      title: 'Create Workspace',
+      size: 'md',
+      render: ({ hide }) => <CreateWorkspaceDialog hide={hide} />,
+    });
+  }, [dialog]);
+}