merge barnch 'master'

[arvados-workbench2.git] / src / views / workflow-panel / workflow-description-card.tsx

diff --git a/src/views/workflow-panel/workflow-description-card.tsx b/src/views/workflow-panel/workflow-description-card.tsx
index f6b2fcba38967a16b9a0800f597c1ced7e602670..146236269a19681f2320c129b6e3c596d9052d90 100644 (file)
--- a/src/views/workflow-panel/workflow-description-card.tsx
+++ b/src/views/workflow-panel/workflow-description-card.tsx
@@ -3,12 +3,11 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import * as React from 'react';
-import { StyleRulesCallback, WithStyles, withStyles, CardContent, Tab, Tabs, Paper } from '@material-ui/core';
+import { StyleRulesCallback, WithStyles, withStyles, CardContent, Tab, Tabs } from '@material-ui/core';
 import { ArvadosTheme } from '~/common/custom-theme';
 import { WorkflowIcon } from '~/components/icon/icon';
 import { DataTableDefaultView } from '~/components/data-table-default-view/data-table-default-view';
 import { WorkflowResource, parseWorkflowDefinition, getWorkflowInputs } from '~/models/workflow';
-import { WorkflowInput } from '~/components/workflow-inputs-form/workflow-input';
 
 export type CssRules = 'root' | 'tab';
 
@@ -40,26 +39,30 @@ export const WorkflowDetailsCard = withStyles(styles)(
         render() {
             const { classes, workflow } = this.props;
             const { value } = this.state;
-            return <Paper className={classes.root}>
+            return <div className={classes.root}>
                 <Tabs value={value} onChange={this.handleChange} centered={true}>
                     <Tab className={classes.tab} label="Description" />
                     <Tab className={classes.tab} label="Inputs" />
                 </Tabs>
                 {value === 0 && <CardContent>
-                    {workflow
-                        ? workflow.description
-                        : <DataTableDefaultView
+                    {workflow ? (
+                        workflow.description
+                    ) : (
+                        <DataTableDefaultView
                             icon={WorkflowIcon}
-                            messages={['Please select a workflow to see its description.']} />}
+                            messages={['Please select a workflow to see its description.']} />
+                    )}
                 </CardContent>}
                 {value === 1 && <CardContent>
-                    {workflow && this.inputs
-                        ? this.inputs.map(input => <WorkflowInput key={input.id} input={input}/>)
-                        : <DataTableDefaultView
+                    {workflow ? (
+                        workflow.name
+                    ) : (
+                        <DataTableDefaultView
                             icon={WorkflowIcon}
-                            messages={['Please select a workflow to see its description.']} />}
+                            messages={['Please select a workflow to see its inputs.']} />
+                    )}
                 </CardContent>}
-            </Paper>;
+            </div>;
         }
 
         get inputs() {