Merge pull request #163 from BSWANG/main

Fix title not update after Login

webui/src/pages/capture/index.tsx

@@ -6,6 +6,7 @@ import { CaptureTask } from "@/services/capture";
 import captureService from "@/services/capture"
 import { useEffect, useState } from "react";
 import { getErrorMessage } from "@/utils";
+import { definePageConfig } from "ice";
 
 const submitCapture = (props, callback) => {
   const task: CaptureTask = {
@@ -76,3 +77,9 @@ export default function Capture() {
     </div>
   )
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Packet Capturing',
+  };
+});

webui/src/pages/config/index.tsx

@@ -7,6 +7,7 @@ import AddDialog, { SelectableItem, Selection } from "./components/AddDialog";
 import probeTypes from "./types.json"
 import { getErrorMessage } from "@/utils"
 import _ from "lodash"
+import { definePageConfig } from "ice";
 
 const METRIC_PROBE = "metric_probe"
 const EVENT_PROBE = "event_probe"
@@ -189,3 +190,9 @@ export default function Config() {
     </div>
   );
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Node Configuration',
+  };
+});

webui/src/pages/diagnosis/index.tsx

@@ -7,6 +7,7 @@ import { DiagnosisResult, DiagnosisTask } from "@/services/diagnosis"
 import { Link } from "@ice/runtime"
 import diagnosisService from '@/services/diagnosis'
 import { getErrorMessage } from "@/utils"
+import { definePageConfig } from "ice";
 
 
 const makeAction = (d: DiagnosisResult, showMessageDialog: (message: string) => void): JSX.Element | null => {
@@ -119,3 +120,10 @@ export default function Diagnosis() {
     </div>
   );
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Connectivity Diagnosis',
+  };
+});
+

webui/src/pages/index/index.tsx

@@ -1,3 +1,9 @@
 import FlowDashboard from "../monitoring/flow";
+import { definePageConfig } from "ice";
 
 export default FlowDashboard;
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Network Graph',
+  };
+});

webui/src/pages/monitoring/dashboard/index.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react';
 import Exception from '@/components/Exception';
 import { Loading, Message } from '@alifd/next';
 import store from '@/store'
+import { definePageConfig } from "ice";
 
 export default function Dashboard() {
   const [loading, setLoading] = useState(true)
@@ -50,3 +51,9 @@ export default function Dashboard() {
     </div>
   );
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Dashboard',
+  };
+});

webui/src/pages/monitoring/events/index.tsx

@@ -10,6 +10,7 @@ import { getErrorMessage } from '@/utils';
 import EventList from './components/EventList';
 import styles from './index.module.css'
 import { useRequest } from '@ice/plugin-request/hooks';
+import { definePageConfig } from "ice";
 
 export default function Events() {
   const [eventData, setEventData] = useState<EventData[]>([]);
@@ -151,3 +152,9 @@ export default function Events() {
     </div>
   );
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Events',
+  };
+});

webui/src/pages/monitoring/flow/index.tsx

@@ -8,6 +8,7 @@ import flowService, { FlowData } from '@/services/flow'
 import { getErrorMessage } from '@/utils';
 import { Dayjs } from 'dayjs';
 import * as dayjs from 'dayjs';
+import { definePageConfig } from "ice";
 
 const getNamespaces = (data: any) => {
   return data.nodes.map((node: any) => {
@@ -149,3 +150,10 @@ export default function FlowDashboard() {
     </div>
   );
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Network Graph',
+  };
+});
+

webui/src/pages/pingmesh/index.tsx

@@ -4,7 +4,8 @@ import {useState} from "react";
 import PingForm from "@/pages/pingmesh/pingForm";
 import PingGraph from "@/pages/pingmesh/pingGraph";
 import pingMeshService from "@/services/pingmesh";
-import {getErrorMessage} from "@/utils";
+import { getErrorMessage } from "@/utils";
+import { definePageConfig } from "ice";
 
 export default function Capture() {
     const [latency, setLatency] = useState()
@@ -34,3 +35,9 @@ export default function Capture() {
         </div>
     )
 }
+
+export const pageConfig = definePageConfig(() => {
+  return {
+    title: 'Latency Detection',
+  };
+});