rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add helmet title

Browse Source 
Signed-off-by: gearnode <bryan@frimin.fr>
This commit is contained in:
gearnode
2025-02-12 13:18:51 -08:00
parent a01af3edcf
commit 2e2dfa1cd5
7 changed files with 61 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/console/src/pages/FrameworkListPage.tsx
View File

@@ -10,7 +10,7 @@ import { Card, CardContent } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { Link } from "react-router";
import type { FrameworkListPageQuery as FrameworkListPageQueryType } from "./__generated__/FrameworkListPageQuery.graphql";
import { Helmet } from "react-helmet-async";
const FrameworkListPageQuery = graphql`
query FrameworkListPageQuery {
node(id: "AZSfP_xAcAC5IAAAAAAltA") {
@@ -125,8 +125,13 @@ export default function FrameworkListPage() {
}, [loadQuery]);
return (
<Suspense fallback={<FrameworkListPageFallback />}>
{queryRef && <FrameworkListPageContent queryRef={queryRef} />}
</Suspense>
<>
<Helmet>
<title>Frameworks - Probo Console</title>
</Helmet>
<Suspense fallback={<FrameworkListPageFallback />}>
{queryRef && <FrameworkListPageContent queryRef={queryRef} />}
</Suspense>
</>
);
}

13
apps/console/src/pages/FrameworkOverviewPage.tsx
View File

@@ -23,7 +23,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Progress } from "@/components/ui/progress";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import type { FrameworkOverviewPageQuery as FrameworkOverviewPageQueryType } from "./__generated__/FrameworkOverviewPageQuery.graphql";
import { Helmet } from "react-helmet-async";
const FrameworkOverviewPageQuery = graphql`
query FrameworkOverviewPageQuery($frameworkId: ID!) {
node(id: $frameworkId) {
@@ -198,9 +198,14 @@ export default function FrameworkOverviewPage() {
}, [loadQuery, frameworkId]);
return (
<Suspense fallback={<FrameworkOverviewPageFallback />}>
{queryRef && <FrameworkOverviewPageContent queryRef={queryRef} />}
</Suspense>
<>
<Helmet>
<title>Framework Overview - Probo Console</title>
</Helmet>
<Suspense fallback={<FrameworkOverviewPageFallback />}>
{queryRef && <FrameworkOverviewPageContent queryRef={queryRef} />}
</Suspense>
</>
);
}

14
apps/console/src/pages/NotFoundPage.tsx
View File

@@ -1,10 +1,16 @@
import { Link } from "react-router";
import { Helmet } from "react-helmet-async";
export default function NotFoundPage() {
return (
<div>
<p>The page might have been moved, deleted, or never existed.</p>
<Link to="/">Return to Home</Link>
</div>
<>
<Helmet>
<title>404 - Probo Console</title>
</Helmet>
<div>
<p>The page might have been moved, deleted, or never existed.</p>
<Link to="/">Return to Home</Link>
</div>
</>
);
}

8
apps/console/src/pages/PeopleListPage.tsx
View File

@@ -8,6 +8,7 @@ import {
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { Badge } from "@/components/ui/badge";
import { CircleUser, Globe, Shield } from "lucide-react";
import { Helmet } from "react-helmet-async";
import type { PeopleListPageQuery as PeopleListPageQueryType } from "./__generated__/PeopleListPageQuery.graphql";
const PeopleListPageQuery = graphql`
@@ -131,8 +132,13 @@ export default function PeopleListPage() {
}
return (
<Suspense fallback={<PeopleListPageFallback />}>
<>
<Helmet>
<title>People - Probo Console</title>
</Helmet>
<Suspense fallback={<PeopleListPageFallback />}>
<PeopleListPageContent queryRef={queryRef} />
</Suspense>
</>
);
}

15
apps/console/src/pages/SettingsPage.tsx
View File

@@ -43,10 +43,6 @@ function SettingsPageContent({
return (
<>
<Helmet>
<title>Settings - Probo Console</title>
</Helmet>
<div className="container mx-auto p-6 space-y-6">
<div>
<h1 className="text-4xl font-medium tracking-tight">Settings</h1>
@@ -187,8 +183,13 @@ export default function SettingsPage() {
}
return (
<Suspense fallback={<SettingsPageFallback />}>
<SettingsPageContent queryRef={queryRef} />
</Suspense>
<>
<Helmet>
<title>Settings - Probo Console</title>
</Helmet>
<Suspense fallback={<SettingsPageFallback />}>
<SettingsPageContent queryRef={queryRef} />
</Suspense>
</>
);
}

13
apps/console/src/pages/VendorListPage.tsx
View File

@@ -15,7 +15,7 @@ import { Button } from "@/components/ui/button";
import { Link } from "react-router";
import Fuse from "fuse.js";
import type { VendorListPageQuery as VendorListPageQueryType } from "./__generated__/VendorListPageQuery.graphql";
import { Helmet } from "react-helmet-async";
const ITEMS_PER_PAGE = 2;
const vendorListPageQuery = graphql`
@@ -290,8 +290,13 @@ export default function VendorListPage() {
}
return (
<Suspense fallback={<VendorListFallback />}>
<VendorListContent queryRef={queryRef} onPageChange={handlePageChange} />
</Suspense>
<>
<Helmet>
<title>Vendors - Probo Console</title>
</Helmet>
<Suspense fallback={<VendorListFallback />}>
<VendorListContent queryRef={queryRef} onPageChange={handlePageChange} />
</Suspense>
</>
);
}

13
apps/console/src/pages/VendorOverviewPage.tsx
View File

@@ -10,7 +10,7 @@ import { graphql, PreloadedQuery, usePreloadedQuery, useQueryLoader } from "reac
import { Suspense, useEffect } from "react"
import type { VendorOverviewPageQuery as VendorOverviewPageQueryType } from "./__generated__/VendorOverviewPageQuery.graphql"
import { useParams } from "react-router";
import { Helmet } from "react-helmet-async";
const VendorOverviewPageQuery = graphql`
query VendorOverviewPageQuery($vendorId: ID!) {
node(id: $vendorId) {
@@ -246,8 +246,13 @@ export default function VendorOverviewPage() {
}
return (
<Suspense fallback={<VendorOverviewPageFallback />}>
<VendorOverviewPageContent queryRef={queryRef} />
</Suspense>
<>
<Helmet>
<title>Vendor Overview - Probo Console</title>
</Helmet>
<Suspense fallback={<VendorOverviewPageFallback />}>
<VendorOverviewPageContent queryRef={queryRef} />
</Suspense>
</>
);
}