Fix workspace deletion

src-web/components/GraphQLEditor.tsx

@@ -47,7 +47,7 @@ export function GraphQLEditor({ defaultValue, onChange, ...extraEditorProps }: P
   };
 
   return (
-    <div className="pb-1 h-full grid grid-rows-[minmax(0,100%)_auto_auto_minmax(0,auto)]">
+    <div className="pb-2 h-full grid grid-rows-[minmax(0,100%)_auto_auto_minmax(0,auto)]">
       <Editor
         key={queryKey.key}
         heightMode="auto"

src-web/components/Sidebar.tsx

@@ -277,7 +277,7 @@ const _SidebarItem = forwardRef(function SidebarItem(
   return (
     <li
       ref={ref}
-      className={classnames(className, 'block group/item px-2 pb-1')}
+      className={classnames(className, 'block group/item px-2 pb-0.5')}
       style={itemStyles}
     >
       <div className="relative w-full">

src-web/hooks/useDeleteWorkspace.ts

@@ -1,6 +1,5 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
-import { useNavigate } from 'react-router-dom';
 import { useActiveWorkspaceId } from './useActiveWorkspaceId';
 import { useRoutes } from './useRoutes';
 import { workspacesQueryKey } from './useWorkspaces';
@@ -18,7 +17,7 @@ export function useDeleteWorkspace(id: string | null) {
       if (id === null) return;
       await queryClient.invalidateQueries(workspacesQueryKey());
       if (id === activeWorkspaceId) {
-        routes.navigate('workspace', { workspaceId: id });
+        routes.navigate('workspaces');
       }
     },
   });

src-web/hooks/useRoutes.ts

@@ -1,3 +1,5 @@
+import { useNavigate } from 'react-router-dom';
+
 export type RouteParamsWorkspace = {
   workspaceId: string;
 };
@@ -24,15 +26,18 @@ export const routePaths = {
 };
 
 export function useRoutes() {
+  const navigate = useNavigate();
   return {
     navigate<T extends keyof typeof routePaths>(
       path: T,
-      params: Parameters<(typeof routePaths)[T]>[0],
+      ...params: Parameters<(typeof routePaths)[T]>
     ) {
       // Not sure how to make TS work here, but it's good from the
       // outside caller perspective.
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      routePaths[path](params as any);
+      const resolvedPath = routePaths[path](...(params as any));
+      console.log('NAVIGATE TO', resolvedPath, 'WITH PARAMS', params, 'AND PATH', path);
+      navigate(resolvedPath);
     },
     paths: routePaths,
   };