Import from Curl

src-web/hooks/Confirm.tsx

@@ -6,6 +6,7 @@ export interface ConfirmProps {
   onHide: () => void;
   onResult: (result: boolean) => void;
   variant?: 'delete' | 'confirm';
+  confirmText?: string;
 }
 
 const colors: Record<NonNullable<ConfirmProps['variant']>, ButtonProps['color']> = {
@@ -18,7 +19,7 @@ const confirmButtonTexts: Record<NonNullable<ConfirmProps['variant']>, string> =
   confirm: 'Confirm',
 };
 
-export function Confirm({ onHide, onResult, variant = 'confirm' }: ConfirmProps) {
+export function Confirm({ onHide, onResult, confirmText, variant = 'confirm' }: ConfirmProps) {
   const handleHide = () => {
     onResult(false);
     onHide();
@@ -32,7 +33,7 @@ export function Confirm({ onHide, onResult, variant = 'confirm' }: ConfirmProps)
   return (
     <HStack space={2} justifyContent="start" className="mt-2 mb-4 flex-row-reverse">
       <Button className="focus" color={colors[variant]} onClick={handleSuccess}>
-        {confirmButtonTexts[variant]}
+        {confirmText ?? confirmButtonTexts[variant]}
       </Button>
       <Button className="focus" color="gray" onClick={handleHide}>
         Cancel

src-web/hooks/useConfirm.ts

@@ -10,11 +10,13 @@ export function useConfirm() {
     title,
     description,
     variant,
+    confirmText,
   }: {
     id: string;
     title: DialogProps['title'];
     description?: DialogProps['description'];
-    variant: ConfirmProps['variant'];
+    variant?: ConfirmProps['variant'];
+    confirmText?: ConfirmProps['confirmText'];
   }) =>
     new Promise((onResult: ConfirmProps['onResult']) => {
       dialog.show({
@@ -23,7 +25,7 @@ export function useConfirm() {
         description,
         hideX: true,
         size: 'sm',
-        render: ({ hide }) => Confirm({ onHide: hide, variant, onResult }),
+        render: ({ hide }) => Confirm({ onHide: hide, variant, onResult, confirmText }),
       });
     });
 }

src-web/hooks/useCurlToRequest.ts

@@ -0,0 +1,24 @@
+import { invoke } from '@tauri-apps/api/core';
+import { useMutation } from '@tanstack/react-query';
+import { useActiveWorkspaceId } from './useActiveWorkspaceId';
+import { useRequestUpdateKey } from './useRequestUpdateKey';
+import { useUpdateAnyHttpRequest } from './useUpdateAnyHttpRequest';
+
+export function useCurlToRequest() {
+  const workspaceId = useActiveWorkspaceId();
+  const updateRequest = useUpdateAnyHttpRequest();
+  const { wasUpdatedExternally } = useRequestUpdateKey(null);
+
+  return useMutation({
+    mutationFn: async ({ requestId, command }: { requestId: string; command: string }) => {
+      const request: Record<string, unknown> = await invoke('cmd_curl_to_request', {
+        command,
+        workspaceId,
+      });
+      delete request.id;
+      await updateRequest.mutateAsync({ id: requestId, update: request });
+      wasUpdatedExternally(requestId);
+      console.log('FOO', request);
+    },
+  });
+}