feat: Main Layout NEO sider

lablup · Nov 15, 2024 · 29048ea · 29048ea
1 parent 7764966
commit 29048ea
Show file tree

Hide file tree

Showing 37 changed files with 573 additions and 126 deletions.
diff --git a/manifest/backend.ai-brand-simple-white.svg b/manifest/backend.ai-brand-simple-white.svg
diff --git a/manifest/backend.ai-webui-white.svg b/manifest/backend.ai-webui-white.svg
diff --git a/react/src/App.tsx b/react/src/App.tsx
@@ -292,7 +292,7 @@ const router = createBrowserRouter([
       },
       {
         path: '/agent',
-        handle: { labelKey: 'webui.menu.ComputationResources' },
+        handle: { labelKey: 'webui.menu.Resources' },
         Component: ResourcesPage,
       },
       {
@@ -306,7 +306,7 @@ const router = createBrowserRouter([
       },
       {
         path: '/maintenance',
-        handle: { labelKey: 'webui.menu.Environments&Presets' },
+        handle: { labelKey: 'webui.menu.Maintenance' },
       },
       {
         path: '/storage-settings/:hostname',

diff --git a/react/src/components/BAIIcons/BatchSession.svg b/react/src/components/BAIIcons/BatchSession.svg
diff --git a/react/src/components/BAIIcons/BatchSessionIcon.tsx b/react/src/components/BAIIcons/BatchSessionIcon.tsx
@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './BatchSession.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface BatchSessionIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const BatchSessionIcon: React.FC<BatchSessionIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default BatchSessionIcon;
diff --git a/react/src/components/BAIIcons/Endpoints.svg b/react/src/components/BAIIcons/Endpoints.svg
diff --git a/react/src/components/BAIIcons/EndpointsIcon.tsx b/react/src/components/BAIIcons/EndpointsIcon.tsx
@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './Endpoints.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface EndpointsIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const EndpointsIcon: React.FC<EndpointsIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default EndpointsIcon;
diff --git a/react/src/components/BAIIcons/ExampleStart.svg b/react/src/components/BAIIcons/ExampleStart.svg
diff --git a/react/src/components/BAIIcons/ExampleStart.tsx b/react/src/components/BAIIcons/ExampleStart.tsx
@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './ExampleStart.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface ExampleStartIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const ExampleStartIcon: React.FC<ExampleStartIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default ExampleStartIcon;
diff --git a/react/src/components/BAIIcons/Examples.svg b/react/src/components/BAIIcons/Examples.svg
diff --git a/react/src/components/BAIIcons/ExamplesIcon.tsx b/react/src/components/BAIIcons/ExamplesIcon.tsx
@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './Examples.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface ExamplesIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const ExamplesIcon: React.FC<ExamplesIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default ExamplesIcon;