fix: breadcrumb for My Traces shows Demo / in react ui

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/src/page/MyTrace.tsx

@@ -0,0 +1,10 @@
+import Page from "./Page"
+
+type Props = {
+  name: string
+  value: string
+}
+
+export default function MyTrace({ name, value }: Props) {
+  return <Page breadcrumb1="My Traces" breadcrumb2={name} value={value} />
+}

pdl-live-react/src/routes/PdlRoutes.tsx

@@ -3,6 +3,7 @@ import { Routes, Route } from "react-router-dom"
 
 const Demo = lazy(() => import("../page/Demo"))
 const About = lazy(() => import("../page/About"))
+const MyTrace = lazy(() => import("../page/MyTrace"))
 const Welcome = lazy(() => import("../page/Welcome"))
 const Uploader = lazy(() => import("../page/Uploader"))
 const PageNotFound = lazy(() => import("../page/PageNotFound"))
@@ -64,7 +65,7 @@ export default function PdlRoutes() {
           path={`/my/${title}`}
           element={
             <Suspense>
-              <Demo name={title} value={value} />
+              <MyTrace name={title} value={value} />
             </Suspense>
           }
         />