Reorganize sidebar. Move not-implemented tabs to More. Spacing for ML…

…Edge
tapis-project · Aug 14, 2024 · 9d538a6 · 9d538a6
1 parent bdb9213
commit 9d538a6
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 12 deletions.
diff --git a/packages/icicle-tapisui-extension/src/index.ts b/packages/icicle-tapisui-extension/src/index.ts
@@ -34,12 +34,12 @@ const extension = createExtension({
     'ml-edge',
     'open-web-ui',
     'jupyter-lab',
-    'data-labeler',
-    'digital-ag',
     'visual-analytics',
-    'smart-scheduler',
     'training-catalog',
     'ckn-dashboard',
+    //'data-labeler',
+    //'smart-scheduler',
+    //'digital-ag',
   ],
   authMethods: ['implicit', 'password'],
   logo: {

diff --git a/packages/icicle-tapisui-extension/src/pages/DataLabeler/DataLabeler.tsx b/packages/icicle-tapisui-extension/src/pages/DataLabeler/DataLabeler.tsx
@@ -4,7 +4,7 @@ import { SectionHeader } from '@tapis/tapisui-common';
 export const DataLabeler: React.FC = () => {
   return (
     <div>
-      <SectionHeader>Data Labeler</SectionHeader>
+      <SectionHeader>Data Labeler - Not Implemented</SectionHeader>
     </div>
   );
 };

diff --git a/packages/icicle-tapisui-extension/src/pages/DigitalAg/DigitalAg.tsx b/packages/icicle-tapisui-extension/src/pages/DigitalAg/DigitalAg.tsx
@@ -4,7 +4,7 @@ import { SectionHeader } from '@tapis/tapisui-common';
 export const DigitalAg: React.FC = () => {
   return (
     <div>
-      <SectionHeader>Digital Ag</SectionHeader>
+      <SectionHeader>Digital Ag - Not Implemented</SectionHeader>
     </div>
   );
 };

diff --git a/packages/icicle-tapisui-extension/src/pages/JupyterLab/JupyterLab.tsx b/packages/icicle-tapisui-extension/src/pages/JupyterLab/JupyterLab.tsx
@@ -3,10 +3,17 @@ import { SectionHeader } from '@tapis/tapisui-common';
 
 const JupyterLab: React.FC = () => {
   return (
-    <div>
-      <SectionHeader>Jupyter Lab</SectionHeader>
+    <div
+      style={{
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+      }}
+    >
       <iframe
-        style={{ width: '100%', height: '800px', border: 'none' }}
+        style={{ flexGrow: 1, border: 'none' }}
         src="https://jupyterlab.pods.tacc.develop.tapis.io/"
       />
     </div>

diff --git a/packages/icicle-tapisui-extension/src/pages/MLEdge/_Layout/Layout.tsx b/packages/icicle-tapisui-extension/src/pages/MLEdge/_Layout/Layout.tsx
@@ -11,9 +11,11 @@ const Layout: React.FC = () => {
   );
 
   const body = (
-    <LayoutBody>
-      <Router />
-    </LayoutBody>
+    <div style={{ marginLeft: '1rem', flex: 1, overflow: 'auto' }}>
+      <LayoutBody>
+        <Router />
+      </LayoutBody>
+    </div>
   );
 
   return <PageLayout top={header} right={body} />;

diff --git a/packages/icicle-tapisui-extension/src/pages/SmartScheduler/SmartScheduler.tsx b/packages/icicle-tapisui-extension/src/pages/SmartScheduler/SmartScheduler.tsx
@@ -4,7 +4,7 @@ import { SectionHeader } from '@tapis/tapisui-common';
 const SmartScheduler: React.FC = () => {
   return (
     <div>
-      <SectionHeader>Smart Scheduler</SectionHeader>
+      <SectionHeader>Smart Scheduler - Not Implemented</SectionHeader>
     </div>
   );
 };