Migrate Traefik Proxy dashboard UI to React

webui/src/routes.tsx

@@ -0,0 +1,94 @@
+import { ReactNode } from 'react'
+import { LiaProjectDiagramSolid, LiaServerSolid, LiaCogsSolid, LiaHomeSolid } from 'react-icons/lia'
+
+export type Route = {
+  path: string
+  label: string
+  icon?: string | ReactNode
+  activeMatches?: string[]
+}
+
+type RouteSections = {
+  section: string
+  items: Route[]
+  sectionLabel?: string
+}
+
+export const ROUTES: RouteSections[] = [
+  {
+    section: 'dashboard',
+    items: [
+      {
+        path: '/',
+        label: 'Dashboard',
+        icon: <LiaHomeSolid color="currentColor" size={20} />,
+      },
+    ],
+  },
+  {
+    section: 'http',
+    sectionLabel: 'HTTP',
+    items: [
+      {
+        path: '/http/routers',
+        activeMatches: ['/http/routers/:name'],
+        label: 'HTTP Routers',
+        icon: <LiaProjectDiagramSolid color="currentColor" size={20} />,
+      },
+      {
+        path: '/http/services',
+        activeMatches: ['/http/services/:name'],
+        label: 'HTTP Services',
+        icon: <LiaServerSolid color="currentColor" size={20} />,
+      },
+      {
+        path: '/http/middlewares',
+        activeMatches: ['/http/middlewares/:name'],
+        label: 'HTTP Middlewares',
+        icon: <LiaCogsSolid color="currentColor" size={20} />,
+      },
+    ],
+  },
+  {
+    section: 'tcp',
+    sectionLabel: 'TCP',
+    items: [
+      {
+        path: '/tcp/routers',
+        activeMatches: ['/tcp/routers/:name'],
+        label: 'TCP Routers',
+        icon: <LiaProjectDiagramSolid color="currentColor" size={20} />,
+      },
+      {
+        path: '/tcp/services',
+        activeMatches: ['/tcp/services/:name'],
+        label: 'TCP Services',
+        icon: <LiaServerSolid color="currentColor" size={20} />,
+      },
+      {
+        path: '/tcp/middlewares',
+        activeMatches: ['/tcp/middlewares/:name'],
+        label: 'TCP Middlewares',
+        icon: <LiaCogsSolid color="currentColor" size={20} />,
+      },
+    ],
+  },
+  {
+    section: 'udp',
+    sectionLabel: 'UDP',
+    items: [
+      {
+        path: '/udp/routers',
+        activeMatches: ['/udp/routers/:name'],
+        label: 'UDP Routers',
+        icon: <LiaProjectDiagramSolid color="currentColor" size={20} />,
+      },
+      {
+        path: '/udp/services',
+        activeMatches: ['/udp/services/:name'],
+        label: 'UDP Services',
+        icon: <LiaServerSolid color="currentColor" size={20} />,
+      },
+    ],
+  },
+]