Improve run process form layout

[arvados-workbench2.git] / 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 f98660ad44fd065421987643da83f192cc2f6862..61a0fc08dcc9afb9d157eeec87853d9f7c56a078 100644 (file)
--- a/src/views/run-process-panel/run-process-panel-root.tsx
+++ b/src/views/run-process-panel/run-process-panel-root.tsx
@@ -10,17 +10,17 @@ export interface RunProcessPanelRootDataProps {
 }
 
 export interface RunProcessPanelRootActionProps {
-    onClick: (step: number) => void;
+    onSetStep: (step: number) => void;
 }
 
 type RunProcessPanelRootProps = RunProcessPanelRootDataProps & RunProcessPanelRootActionProps;
 
-export const RunProcessPanelRoot = ({ currentStep, onClick, ...props }: RunProcessPanelRootProps) =>
+export const RunProcessPanelRoot = ({ currentStep, onSetStep, ...props }: RunProcessPanelRootProps) =>
     <Stepper activeStep={currentStep} orientation="vertical" elevation={2}>
         <Step>
             <StepLabel>Choose a workflow</StepLabel>
             <StepContent>
-                <Button variant="contained" color="primary" onClick={() => onClick(1)}>
+                <Button variant="contained" color="primary" onClick={() => onSetStep(1)}>
                     Next
                 </Button>
             </StepContent>
@@ -28,7 +28,7 @@ export const RunProcessPanelRoot = ({ currentStep, onClick, ...props }: RunProce
         <Step>
             <StepLabel>Select inputs</StepLabel>
             <StepContent>
-                <Button color="primary" onClick={() => onClick(0)}>
+                <Button color="primary" onClick={() => onSetStep(0)}>
                     Back
                 </Button>
                 <Button variant="contained" color="primary">