[ISSUE #155] Navigation Adjustment (#177)

* updated navigation and routes * ad new files * adjust project structure to adopt new requirement change --------- Co-authored-by: SUN <[email protected]>
apache · Jul 17, 2024 · 103eb06 · 103eb06
1 parent 3a44c67
commit 103eb06
Show file tree

Hide file tree

Showing 44 changed files with 726 additions and 307 deletions.
diff --git a/eventmesh-dashboard-view/src/app.const.ts b/eventmesh-dashboard-view/src/app.const.ts
@@ -18,6 +18,7 @@
  */
 
 export const AppSectionBoxShadow = '2px 2px 40px 2px rgba(0,0,0,.05)'
+export const AppSectionBoxShadow2 = '2px 2px 5px 1px rgba(0,0,0,.05)'
 export const AppBackgroundColor = '#f9fafb'
 export const AppThemeConfig = {
   palette: {

diff --git a/eventmesh-dashboard-view/src/assets/icons/clusters.svg b/eventmesh-dashboard-view/src/assets/icons/clusters.svg
diff --git a/eventmesh-dashboard-view/src/assets/icons/connection.svg b/eventmesh-dashboard-view/src/assets/icons/connection.svg
diff --git a/eventmesh-dashboard-view/src/assets/icons/evetmesh-icon.svg b/eventmesh-dashboard-view/src/assets/icons/evetmesh-icon.svg
diff --git a/eventmesh-dashboard-view/src/assets/icons/index.ts b/eventmesh-dashboard-view/src/assets/icons/index.ts
@@ -23,19 +23,26 @@ import FoundationIcon from '@mui/icons-material/Foundation'
 import RefreshIcon from '@mui/icons-material/Refresh'
 import PushPinIcon from '@mui/icons-material/PushPin'
 import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined'
+import ListIcon from '@mui/icons-material/List';
+import StackedBarChartIcon from '@mui/icons-material/StackedBarChart';
 
 import { ReactComponent as EventMeshLogoIcon } from './eventmesh-logo.svg'
 import { ReactComponent as EventMeshTopicIcon } from './eventmesh-topic.svg'
 import { ReactComponent as HomeIcon } from './home.svg'
+import { ReactComponent as MetaIcon } from './meta.svg'
 import { ReactComponent as RuntimeIcon } from './runtime.svg'
 import { ReactComponent as TopicIcon } from './topic.svg'
 import { ReactComponent as ConnectionIcon } from './connection.svg'
 import { ReactComponent as MessageIcon } from './message.svg'
 import { ReactComponent as SecurityIcon } from './security.svg'
+import { ReactComponent as ClusterIcon } from './clusters.svg'
 
 import { ReactComponent as SettingsIcon } from './settings.svg'
 import { ReactComponent as UsersIcon } from './users.svg'
 import { ReactComponent as LogsIcon } from './logs.svg'
+import { ReactComponent as EventmeshIcon } from './evetmesh-icon.svg'
+import { ReactComponent as RocketMqIcon } from './rocketmq.svg'
+import { ReactComponent as K8sIcon } from './k8s.svg'
 
 export const Icons = {
   HomeOutlined: HomeOutlinedIcon,
@@ -44,14 +51,21 @@ export const Icons = {
   Refresh: RefreshIcon,
   PushPin: PushPinIcon,
   PushPinOutlined: PushPinOutlinedIcon,
+  List: ListIcon,
+  StackedBarChart: StackedBarChartIcon,
 
   EventMeshLogo: EventMeshLogoIcon,
   EventMeshTopic: EventMeshTopicIcon,
+  Eventmesh: EventmeshIcon,
+  Cluster: ClusterIcon,
+  Meta: MetaIcon,
 
   Home: HomeIcon,
   Runtime: RuntimeIcon,
   Topic: TopicIcon,
   Connection: ConnectionIcon,
+  RocketMq: RocketMqIcon,
+  K8s: K8sIcon,
   Message: MessageIcon,
   Security: SecurityIcon,
 

diff --git a/eventmesh-dashboard-view/src/assets/icons/k8s.svg b/eventmesh-dashboard-view/src/assets/icons/k8s.svg
diff --git a/eventmesh-dashboard-view/src/assets/icons/meta.svg b/eventmesh-dashboard-view/src/assets/icons/meta.svg