Move request to another workspace (#52)

src-web/hooks/useAppRoutes.tsx

@@ -49,7 +49,7 @@ export const routePaths = {
 };
 
 export function useAppRoutes() {
-  const workspaceId = useActiveWorkspaceId();
+  const activeWorkspaceId = useActiveWorkspaceId();
   const requestId = useActiveRequestId();
   const nav = useNavigate();
 
@@ -66,22 +66,22 @@ export function useAppRoutes() {
 
   const setEnvironment = useCallback(
     (environment: Environment | null) => {
-      if (workspaceId == null) {
+      if (activeWorkspaceId == null) {
         navigate('workspaces');
       } else if (requestId == null) {
         navigate('workspace', {
-          workspaceId: workspaceId,
+          workspaceId: activeWorkspaceId,
           environmentId: environment == null ? undefined : environment.id,
         });
       } else {
         navigate('request', {
-          workspaceId,
+          workspaceId: activeWorkspaceId,
           environmentId: environment == null ? undefined : environment.id,
           requestId,
         });
       }
     },
-    [navigate, workspaceId, requestId],
+    [navigate, activeWorkspaceId, requestId],
   );
 
   return {

src-web/hooks/useGrpc.ts

@@ -57,7 +57,6 @@ export function useGrpc(
       )) as ReflectResponseService[],
   });
 
-  console.log('CONN', conn);
   return {
     go,
     reflect,

src-web/hooks/useMoveToWorkspace.tsx

@@ -0,0 +1,33 @@
+import { useMutation } from '@tanstack/react-query';
+import React from 'react';
+import { useDialog } from '../components/DialogContext';
+import { MoveToWorkspaceDialog } from '../components/MoveToWorkspaceDialog';
+import { useActiveWorkspaceId } from './useActiveWorkspaceId';
+import { useRequests } from './useRequests';
+
+export function useMoveToWorkspace(id: string) {
+  const dialog = useDialog();
+  const requests = useRequests();
+  const request = requests.find((r) => r.id === id);
+  const activeWorkspaceId = useActiveWorkspaceId();
+
+  return useMutation<void, unknown>({
+    mutationKey: ['moveWorkspace'],
+    mutationFn: async () => {
+      if (request == null || activeWorkspaceId == null) return;
+
+      dialog.show({
+        id: 'change-workspace',
+        title: 'Change Workspace',
+        size: 'sm',
+        render: ({ hide }) => (
+          <MoveToWorkspaceDialog
+            onDone={hide}
+            request={request}
+            activeWorkspaceId={activeWorkspaceId}
+          />
+        ),
+      });
+    },
+  });
+}