Move Head into CustomHead

Moving the Head element into CustomHead fixes #819
celestemods-com · Sep 10, 2024 · b2684f0 · b2684f0
1 parent 5e5eb8d
commit b2684f0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git a/src/components/layout/customHead.tsx b/src/components/layout/customHead.tsx
@@ -1,3 +1,4 @@
+import Head from "next/head";
 import { type LayoutProps } from "./layout";
 
 
@@ -21,7 +22,8 @@ export function CustomHead({
 
 
     return (
-        <>
+        <Head>
+            <title>{pageTitle}</title>
             <meta charSet="utf-8" />
             <meta name="viewport" content="width=device-width, initial-scale=1" />
 
@@ -67,6 +69,6 @@ export function CustomHead({
             <meta name="twitter:description" content={pageDescription} />
             <meta name="twitter:image" content={socialMediaImageUrl} />
             <meta name="twitter:image:alt" content={socialMediaImageAlt} />
-        </>
+        </Head>
     );
 }
diff --git a/src/components/layout/layout.tsx b/src/components/layout/layout.tsx
@@ -1,6 +1,5 @@
-import Head from "next/head";
 import { CustomHead } from "./customHead";
-import { BackgroundImage, Grid, createStyles } from "@mantine/core";
+import { BackgroundImage, Grid, Title, createStyles } from "@mantine/core";
 import { Header } from "./header";
 import { Navbar } from "./navbar/navbar";
 import { Footer } from "./footer";
@@ -68,17 +67,15 @@ export const Layout = ({
 
     return (
         <>
-            <Head>
-                <CustomHead
-                    pageTitle={pageTitle}
-                    pageDescription={pageDescription}
-                    pathname={pathname}
-                    siteName={siteName}
-                    robotsText={robotsText}
-                    socialMediaImageUrl={socialMediaImageUrl}
-                    socialMediaImageAlt={socialMediaImageAlt}
-                />
-            </Head>
+            <CustomHead
+                pageTitle={pageTitle}
+                pageDescription={pageDescription}
+                pathname={pathname}
+                siteName={siteName}
+                robotsText={robotsText}
+                socialMediaImageUrl={socialMediaImageUrl}
+                socialMediaImageAlt={socialMediaImageAlt}
+            />
             <BackgroundImage
                 src="/images/cml_background1.png"
                 className={classes.backgroundImage}