X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/2fb4478d11d805b9a5654f5656f74d3a0e0da46b..d416c9aa7b70da4f8998792a42616b991d882f26:/src/views/run-process-panel/run-process-panel-root.tsx
diff --git a/src/views/run-process-panel/run-process-panel-root.tsx b/src/views/run-process-panel/run-process-panel-root.tsx
index f399d964..9dd5aa3f 100644
--- a/src/views/run-process-panel/run-process-panel-root.tsx
+++ b/src/views/run-process-panel/run-process-panel-root.tsx
@@ -2,36 +2,49 @@
//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from 'react';
-import { Stepper, Step, StepLabel, StepContent } from '@material-ui/core';
-import { RunProcessFirstStepDataProps, RunProcessFirstStepActionProps, RunProcessFirstStep } from '~/views/run-process-panel/run-process-first-step';
-import { RunProcessSecondStepDataProps, RunProcessSecondStepActionProps, RunProcessSecondStepForm } from '~/views/run-process-panel/run-process-second-step';
+import React from 'react';
+import { Stepper, Step, StepLabel, StepContent, StyleRulesCallback, withStyles, WithStyles } from '@material-ui/core';
+import { RunProcessFirstStepDataProps, RunProcessFirstStepActionProps, RunProcessFirstStep } from 'views/run-process-panel/run-process-first-step';
+import { RunProcessSecondStepForm } from './run-process-second-step';
export type RunProcessPanelRootDataProps = {
currentStep: number;
-} & RunProcessFirstStepDataProps & RunProcessSecondStepDataProps;
+} & RunProcessFirstStepDataProps;
-export type RunProcessPanelRootActionProps = RunProcessFirstStepActionProps & RunProcessSecondStepActionProps;
+export type RunProcessPanelRootActionProps = RunProcessFirstStepActionProps & {
+ runProcess: () => void;
+};
type RunProcessPanelRootProps = RunProcessPanelRootDataProps & RunProcessPanelRootActionProps;
-export const RunProcessPanelRoot = ({ currentStep, onSetStep, onRunProcess, onSetWorkflow, workflows, selectedWorkflow }: RunProcessPanelRootProps) =>
-
-
- Choose a workflow
-
-
-
-
-
- Select inputs
-
-
- {/* */}
-
-
- ;
\ No newline at end of file
+type CssRules = 'stepper';
+
+const styles: StyleRulesCallback = theme => ({
+ stepper: {
+ overflow: "scroll",
+ }
+});
+
+export const RunProcessPanelRoot = withStyles(styles)(
+ ({ runProcess, currentStep, onSearch, onSetStep, onSetWorkflow, workflows, selectedWorkflow, classes }: WithStyles & RunProcessPanelRootProps) =>
+
+
+ Choose a workflow
+
+
+
+
+
+ Select inputs
+
+ onSetStep(0)}
+ runProcess={runProcess} />
+
+
+ );