Update imports for pages in icicle

lib/icicle-tapisui-extension/src/index.ts

@@ -4,10 +4,10 @@ import {
 } from '@tapis/tapisui-extensions-core';
 import { tasks as generatedTasks } from './gen';
 import {
-  MLEdgePage,
-  SmartSchedulerPage,
-  JupyterLabPage,
-  OpenWebUIPage,
+  MLEdge,
+  SmartScheduler,
+  JupyterLab,
+  OpenWebUI,
 } from './pages';
 
 const extension = createExtension({
@@ -49,28 +49,28 @@ extension.registerService({
   id: 'ml-edge',
   sidebarDisplayName: 'ML Edge',
   iconName: 'simulation',
-  component: MLEdgePage,
+  component: MLEdge,
 });
 
 extension.registerService({
   id: 'smart-scheduler',
   sidebarDisplayName: 'Smart Scheduler',
   iconName: 'bar-graph',
-  component: SmartSchedulerPage,
+  component: SmartScheduler,
 });
 
 extension.registerService({
   id: 'jupyter-lab',
   sidebarDisplayName: 'JupyterLab',
   iconName: 'jupyter',
-  component: JupyterLabPage,
+  component: JupyterLab,
 });
 
 extension.registerService({
   id: 'open-web-ui',
   sidebarDisplayName: 'Open WebUI',
   iconName: 'multiple-coversation',
-  component: OpenWebUIPage,
+  component: OpenWebUI,
 });
 
 extension.serviceCustomizations.workflows.dagTasks = generatedTasks;

lib/icicle-tapisui-extension/src/pages/JupyterLab/JupyterLab.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SectionHeader } from '@tapis/tapisui-common';
+
+const JupyterLab: React.FC = () => {
+  return (
+    <div>
+      <SectionHeader>Jupyter Lab</SectionHeader>
+      <iframe
+        style={{ width: '100%', height: '800px', border: 'none' }}
+        src="https://jupyterlab.pods.tacc.develop.tapis.io/"
+      />
+    </div>
+  );
+};
+
+export default JupyterLab

lib/icicle-tapisui-extension/src/pages/JupyterLab/index.ts

@@ -0,0 +1 @@
+export { default as JupyterLab } from "./JupyterLab"

lib/icicle-tapisui-extension/src/pages/MLEdge/MLEdgePage.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SectionHeader } from '@tapis/tapisui-common';
+
+const MLEdge: React.FC = () => {
+  return (
+    <div>
+      <SectionHeader>ML Edge</SectionHeader>
+    </div>
+  );
+};
+
+export default MLEdge

lib/icicle-tapisui-extension/src/pages/MLEdge/index.ts

@@ -0,0 +1 @@
+export { default as MLEdge } from "./MLEdge"

lib/icicle-tapisui-extension/src/pages/OpenWebUI/OpenWebUIPage.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+const OpenWebUI: React.FC = () => {
+  return (
+    <div
+      style={{
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+      }}
+    >
+      <iframe
+        style={{ flexGrow: 1, border: 'none' }}
+        src="https://openwebui.pods.tacc.develop.tapis.io/"
+      />
+    </div>
+  );
+};
+
+export default OpenWebUI

lib/icicle-tapisui-extension/src/pages/OpenWebUI/index.ts

@@ -0,0 +1 @@
+export { default as OpenWebUI } from "./OpenWebUI"

lib/icicle-tapisui-extension/src/pages/SmartScheduler/SmartSchedulerPage.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SectionHeader } from '@tapis/tapisui-common';
+
+const SmartScheduler: React.FC = () => {
+  return (
+    <div>
+      <SectionHeader>Smart Scheduler</SectionHeader>
+    </div>
+  );
+};
+
+export default SmartScheduler

lib/icicle-tapisui-extension/src/pages/SmartScheduler/index.ts

@@ -0,0 +1 @@
+export { default as SmartScheduler } from "./SmartScheduler"

lib/icicle-tapisui-extension/src/pages/index.ts

@@ -0,0 +1,12 @@
+export { JupyterLab } from "./JupyterLab"
+export { OpenWebUI } from "./OpenWebUI"
+export { MLEdge } from "./MLEdge"
+export { SmartScheduler } from "./SmartScheduler"
+
+
+
+
+
+
+
+