help panel

Feature #14125

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>

diff --git a/src/views-components/main-app-bar/help-menu.tsx b/src/views-components/main-app-bar/help-menu.tsx
index 3980e5690a078dad8d3d7b1437557a6e96375544..3bef4af4a6e28e9d77224eb1a476e9a948fd8f22 100644 (file)
--- a/src/views-components/main-app-bar/help-menu.tsx
+++ b/src/views-components/main-app-bar/help-menu.tsx
@@ -22,7 +22,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     },
     title: {
         marginLeft: theme.spacing.unit * 2,
-        marginBottom: theme.spacing.unit * 0.5,
+        paddingBottom: theme.spacing.unit * 0.5,
         outline: 'none',
     },
     linkTitle: {
@@ -30,36 +30,22 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     }
 });
 
-enum helpMenuLinks {
-    PIPELINES_DATASETS = "https://dev.arvados.org/projects/arvados/wiki/Public_Pipelines_and_Datasets",
-    TUTORIALS = "http://doc.arvados.org/user/",
-    API_REFERENCE = "http://doc.arvados.org/api/",
-    SDK_REFERENCE = "http://doc.arvados.org/sdk/"
-}
-
-enum helpMenuTitles {
-    PIPELINES_DATASETS = "Public Pipelines and Data sets",
-    TUTORIALS = "Tutorials and User guide",
-    API_REFERENCE = "API Reference",
-    SDK_REFERENCE = "SDK Reference"
-}
-
 const links = [
     {
-        title: helpMenuTitles.PIPELINES_DATASETS,
-        link: helpMenuLinks.PIPELINES_DATASETS
+        title: "Public Pipelines and Data sets",
+        link: "https://dev.arvados.org/projects/arvados/wiki/Public_Pipelines_and_Datasets",
     },
     {
-        title: helpMenuTitles.TUTORIALS,
-        link: helpMenuLinks.TUTORIALS
+        title: "Tutorials and User guide",
+        link: "http://doc.arvados.org/user/",
     },
     {
-        title: helpMenuTitles.API_REFERENCE,
-        link: helpMenuLinks.API_REFERENCE
+        title: "API Reference",
+        link: "http://doc.arvados.org/api/",
     },
     {
-        title: helpMenuTitles.SDK_REFERENCE,
-        link: helpMenuLinks.SDK_REFERENCE
+        title: "SDK Reference",
+        link: "http://doc.arvados.org/sdk/"
     },
 ];
 
@@ -72,12 +58,12 @@ export const HelpMenu = withStyles(styles)(
             <Typography variant="body1" className={classes.title}>Help</Typography>
             {
                 links.map(link =>
-                <a key={link.title} href={link.link} target="_blank" className={classes.link}>
-                    <MenuItem>
-                        <HelpIcon className={classes.icon} />
-                        <Typography variant="body1" className={classes.linkTitle}>{link.title}</Typography>
-                    </MenuItem>
-                </a>)
+                    <a key={link.title} href={link.link} target="_blank" className={classes.link}>
+                        <MenuItem>
+                            <HelpIcon className={classes.icon} />
+                            <Typography variant="body1" className={classes.linkTitle}>{link.title}</Typography>
+                        </MenuItem>
+                    </a>)
             }
         </DropdownMenu>
 );

diff --git a/src/views/workbench/workbench.tsx b/src/views/workbench/workbench.tsx
index a92054f3fea05983a1d51922b0f60ba88fc2a5a1..3c281087c2addf20ad8f3f6e7e31500673a28782 100644 (file)
--- a/src/views/workbench/workbench.tsx
+++ b/src/views/workbench/workbench.tsx
@@ -38,7 +38,6 @@ import { MoveProjectDialog } from '~/views-components/dialog-forms/move-project-
 import { MoveCollectionDialog } from '~/views-components/dialog-forms/move-collection-dialog';
 import { FilesUploadCollectionDialog } from '~/views-components/dialog-forms/files-upload-collection-dialog';
 import { PartialCopyCollectionDialog } from '~/views-components/dialog-forms/partial-copy-collection-dialog';
-import { HelpMenu } from '~/views-components/main-app-bar/help-menu';
 
 import { TrashPanel } from "~/views/trash-panel/trash-panel";
 
@@ -154,7 +153,6 @@ export const Workbench = withStyles(styles)(
                 return (
                     <div className={classes.root}>
                         <div className={classes.appBar}>
-                        <HelpMenu/>
                             <MainAppBar
                                 breadcrumbs={Breadcrumbs}
                                 searchText={this.state.searchText}