From 76438de0ed597c101caec487f8060b63996292d9 Mon Sep 17 00:00:00 2001
From: Zack Cerza <zack@redhat.com>
Date: Tue, 1 Oct 2024 12:12:58 -0600
Subject: [PATCH] no helmet

---
 src/pages/+Layout.tsx                   | 3 ---
 src/pages/runs/+Page.tsx                | 5 ++---
 src/pages/runs/@name/+Page.tsx          | 6 ++----
 src/pages/runs/@name/jobs/@id/+Page.tsx | 6 ++----
 4 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/pages/+Layout.tsx b/src/pages/+Layout.tsx
index d20dbcf..b451ffe 100644
--- a/src/pages/+Layout.tsx
+++ b/src/pages/+Layout.tsx
@@ -37,9 +37,6 @@ function Layout(props: any) {
           <CookiesProvider>
             <QueryClientProvider client={queryClient}>
               <div className="App">
-                <Helmet>
-                  <title>Pulpito</title>
-                </Helmet>
                 <header className="App-header">
                   <AppBar
                     setDrawerOpen={setDrawerOpen}
diff --git a/src/pages/runs/+Page.tsx b/src/pages/runs/+Page.tsx
index 5d694dd..299bfa9 100644
--- a/src/pages/runs/+Page.tsx
+++ b/src/pages/runs/+Page.tsx
@@ -1,3 +1,4 @@
+import { Config } from 'vike-react/Config'
 import { usePageContext } from 'vike-react/usePageContext'
 import Typography from "@mui/material/Typography";
 import { Helmet } from "react-helmet";
@@ -9,9 +10,7 @@ export default function Page() {
   const params = context?.urlParsed.search || {};
   return (
     <div>
-      <Helmet>
-        <title>Runs - Pulpito</title>
-      </Helmet>
+      <Config title="Runs - Pulpito" />
       <Typography variant="h5" style={{ margin: "20px" }}>
         Runs
       </Typography>
diff --git a/src/pages/runs/@name/+Page.tsx b/src/pages/runs/@name/+Page.tsx
index e5e6ce1..6d433ba 100644
--- a/src/pages/runs/@name/+Page.tsx
+++ b/src/pages/runs/@name/+Page.tsx
@@ -1,9 +1,9 @@
 import { PropsWithChildren } from 'react'
+import { Config } from 'vike-react/Config'
 import { usePageContext } from 'vike-react/usePageContext'
 import { useData } from 'vike-react/useData'
 import Typography from "@mui/material/Typography";
 import { format } from "date-fns";
-import { Helmet } from "react-helmet";
 
 import type { Run } from "#src/lib/paddles.d";
 
@@ -37,9 +37,7 @@ export default function Page() {
     : null;
   return (
     <div className={classes.root}>
-      <Helmet>
-        <title>{`${name} - Pulpito`}</title>
-      </Helmet>
+      <Config title={`${name} - Pulpito`} />
       <Typography variant="h5" style={{ margin: "20px 0px" }}>
         {name}
       </Typography>
diff --git a/src/pages/runs/@name/jobs/@id/+Page.tsx b/src/pages/runs/@name/jobs/@id/+Page.tsx
index 7518d3f..def201f 100644
--- a/src/pages/runs/@name/jobs/@id/+Page.tsx
+++ b/src/pages/runs/@name/jobs/@id/+Page.tsx
@@ -1,3 +1,4 @@
+import { Config } from 'vike-react/Config'
 import { useData } from 'vike-react/useData'
 import Grid from '@mui/material/Grid2';
 import Typography from "@mui/material/Typography";
@@ -9,7 +10,6 @@ import PlayCircleOutlineIcon from "@mui/icons-material/PlayCircleOutline";
 import QuestionMarkIcon from '@mui/icons-material/QuestionMark';
 import ScheduleIcon from "@mui/icons-material/Schedule";
 import formatDuration from "date-fns/formatDuration";
-import { Helmet } from "react-helmet";
 import YAML from "json-to-pretty-yaml";
 
 import Link from "#src/components/Link";
@@ -157,9 +157,7 @@ export default function Job() {
   const data: Job = useData();
   return (
     <Grid container spacing={2}>
-      <Helmet>
-        <title>{`Job ${data.job_id} - Pulpito`}</title>
-      </Helmet>
+      <Config title={`Job ${data.job_id} - Pulpito`} />
       <JobHeader data={data} />
       <Grid size={12}>
         <details