{env().VITE_ENABLE_EXPERIMENTAL_TABLET_DEBUG_VARS && (
@@ -122,29 +34,6 @@ export const WorkflowStreams = ({ clusterID, keyspace, name }: Props) => {
>
)}
-
-
- Streams
-
- {/* TODO(doeg): add a protobuf enum for this (https://github.com/vitessio/vitess/projects/12#card-60190340) */}
- {['Error', 'Copying', 'Running', 'Stopped'].map((streamState) => {
- if (!Array.isArray(streamsByState[streamState])) {
- return null;
- }
-
- return (
-
-
-
- );
- })}
);
};
diff --git a/web/vtadmin/src/components/routes/workflows/WorkflowAction.tsx b/web/vtadmin/src/components/routes/workflows/WorkflowAction.tsx
new file mode 100644
index 00000000000..8ff08801dff
--- /dev/null
+++ b/web/vtadmin/src/components/routes/workflows/WorkflowAction.tsx
@@ -0,0 +1,89 @@
+import React from 'react';
+import { Icon, Icons } from '../../Icon';
+import Dialog from '../../dialog/Dialog';
+import { UseMutationResult } from 'react-query';
+
+interface WorkflowActionProps {
+ isOpen: boolean;
+ mutation: UseMutationResult