feat: Step Function + small fixes + more services + color matching the services

2026-09-28 18:38:22 -04:00
parent 0d613ae256
commit 548a15d7ec
23 changed files with 3219 additions and 52 deletions
@@ -0,0 +1,24 @@
+import {ArrowLeft, Workflow} from 'lucide-react'
+import {Link, useParams} from 'react-router-dom'
+import {useCloudResourceQuery} from '@/api/queries/cloudQueries'
+import {WorkflowStudio} from '@/components/WorkflowStudio'
+
+export function WorkflowStudioPage() {
+    const {resourceId} = useParams()
+    const resourceQuery = useCloudResourceQuery('aws', 'workflows', resourceId)
+
+    return <div className="workflow-studio-page">
+        <header className="page-header data-workspace-header">
+            <Link className="button compact" to="/cloud-explorer/aws/workflows"><ArrowLeft size={14}/>Back to workflows</Link>
+            <div className="page-title">
+                <Workflow size={20}/>
+                <div><h1>{resourceQuery.data?.name ?? resourceId ?? 'Workflow Studio'}</h1><p className="muted">AWS Step Functions · Workflow Studio</p></div>
+            </div>
+        </header>
+        <div className="content workflow-studio-workspace">
+            {resourceQuery.isError && <p className="error-text" role="alert">Unable to load state machine: {resourceQuery.error instanceof Error ? resourceQuery.error.message : 'Unknown error.'}</p>}
+            {resourceQuery.isLoading && <p className="muted" role="status">Loading state machine.</p>}
+            {resourceQuery.data && <WorkflowStudio resource={resourceQuery.data}/>} 
+        </div>
+    </div>
+}