Workflow editor (#735)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>

skyvern-frontend/src/routes/workflows/hooks/useWorkflowQuery.ts

@@ -0,0 +1,23 @@
+import { getClient } from "@/api/AxiosClient";
+import { useCredentialGetter } from "@/hooks/useCredentialGetter";
+import { useQuery } from "@tanstack/react-query";
+import { WorkflowApiResponse } from "../types/workflowTypes";
+
+type Props = {
+  workflowPermanentId?: string;
+};
+
+function useWorkflowQuery({ workflowPermanentId }: Props) {
+  const credentialGetter = useCredentialGetter();
+  return useQuery<WorkflowApiResponse>({
+    queryKey: ["workflow", workflowPermanentId],
+    queryFn: async () => {
+      const client = await getClient(credentialGetter);
+      return client
+        .get(`/workflows/${workflowPermanentId}`)
+        .then((response) => response.data);
+    },
+  });
+}
+
+export { useWorkflowQuery };