-
-
+
No playbooks installed 😿
@@ -83,7 +67,7 @@ export async function WorkflowList() {
) : (
<>
- {workflows.map((wf, idx) => (
+ {playbooks.map((wf, idx) => (
))}
diff --git a/frontend/src/components/skeletons.tsx b/frontend/src/components/skeletons.tsx
new file mode 100644
index 000000000..5438dba9a
--- /dev/null
+++ b/frontend/src/components/skeletons.tsx
@@ -0,0 +1,20 @@
+import { Skeleton } from "@/components/ui/skeleton"
+
+export function ListItemSkeletion({ n = 2 }: { n: number }) {
+ return (
+ <>
+ {[...Array(n)].map((_i, idx) => (
+
+ ))}
+
+ )
+}
diff --git a/frontend/src/lib/hooks.ts b/frontend/src/lib/hooks.ts
index 6b3ba4dbc..7415c62cb 100644
--- a/frontend/src/lib/hooks.ts
+++ b/frontend/src/lib/hooks.ts
@@ -2,7 +2,12 @@ import { useEffect, useState } from "react"
import { useWorkflowBuilder } from "@/providers/builder"
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
-import { Action, CaseEvent, type Case } from "@/types/schemas"
+import {
+ Action,
+ CaseEvent,
+ type Case,
+ type WorkflowMetadata,
+} from "@/types/schemas"
import {
CaseEventParams,
createCaseEvent,
@@ -11,7 +16,12 @@ import {
updateCase,
} from "@/lib/cases"
import { updateWebhook } from "@/lib/trigger"
-import { getActionById, updateAction } from "@/lib/workflow"
+import {
+ fetchAllPlaybooks,
+ fetchAllWorkflows,
+ getActionById,
+ updateAction,
+} from "@/lib/workflow"
import { toast } from "@/components/ui/use-toast"
import { UDFNodeType } from "@/components/workspace/canvas/udf-node"
@@ -226,3 +236,19 @@ export function useUpdateWebhook(workflowId: string) {
return mutation
}
+
+export function useWorkflows() {
+ const query = useQuery
({
+ queryKey: ["workflows"],
+ queryFn: fetchAllWorkflows,
+ })
+ return query
+}
+
+export function usePlaybooks() {
+ const query = useQuery({
+ queryKey: ["playbooks"],
+ queryFn: fetchAllPlaybooks,
+ })
+ return query
+}
diff --git a/frontend/src/lib/workflow.ts b/frontend/src/lib/workflow.ts
index 290942502..996f1f7e8 100644
--- a/frontend/src/lib/workflow.ts
+++ b/frontend/src/lib/workflow.ts
@@ -59,7 +59,7 @@ export async function createWorkflow(
return workflowMetadataSchema.parse(response.data)
}
-export async function fetchAllWorkflows(): Promise {
+export async function fetchAllWorkflows(): Promise {
try {
const response = await client.get("/workflows")
const workflows = response.data
@@ -67,7 +67,7 @@ export async function fetchAllWorkflows(): Promise {
return z.array(workflowMetadataSchema).parse(workflows)
} catch (error) {
console.error("Error fetching workflows:", error)
- return null
+ throw error
}
}
@@ -252,13 +252,13 @@ export async function copyPlaybook(workflowId: string) {
* @param maybeToken
* @returns
*/
-export async function fetchAllPlaybooks(): Promise {
+export async function fetchAllPlaybooks(): Promise {
try {
const response = await client.get("/workflows?library=true")
return response.data
} catch (error) {
console.error("Error fetching playbooks:", error)
- return null
+ throw error
}
}