From ce5c9f4afa69d946d479c5920a0fa5ab3a12d72c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 18 Apr 2024 18:28:46 -0500
Subject: [PATCH] feat: page exclusive titles

---
 src/app/layout.tsx       |  3 ++-
 src/app/tools/layout.tsx | 21 +++++++++++++--------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7cae7ed93..cfc75db94 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,6 +30,7 @@ const robotoFlex = Roboto_Flex({
 export default function RootLayout({ children }: RootLayoutProps) {
   const pathname = usePathname();
   const isEmbed = pathname.split('/')[1] === 'embeds';
+  const isRoot = pathname === '/';
   const [showDevBuildAlert, setShowDevBuildAlert] = useState(false);
   const isFullScreen = useFullScreen();
 
@@ -45,7 +46,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <html lang="en" className={robotoFlex.className}>
       <head>
-        <title>Blitzkrieg</title>
+        {isRoot && <title>Blitzkrieg</title>}
         <meta
           name="description"
           content="🎉 Tools for everything World of Tanks Blitz"
diff --git a/src/app/tools/layout.tsx b/src/app/tools/layout.tsx
index ca4c0245e..99f93a9a9 100644
--- a/src/app/tools/layout.tsx
+++ b/src/app/tools/layout.tsx
@@ -15,21 +15,26 @@ export default function ToolsLayout({ children }: ToolsLayoutProps) {
   const pathname = usePathname();
   const pathSplit = pathname.split('/');
   const toolId = pathSplit.at(2);
+  const isToolRoot = pathname === `/tools/${toolId}`;
   const tool = TOOLS.find((tool) => tool.id === toolId);
 
   return (
     <>
       {tool && (
         <>
-          <title>{tool.title}</title>
-          {tool.pageDescription !== undefined && (
-            <meta name="description" content={tool.pageDescription} />
-          )}
+          {isToolRoot && (
+            <>
+              <title>{tool.title}</title>
+              <meta
+                property="og:image"
+                content={`/assets/banners/${toolId}.webp`}
+              />
 
-          <meta
-            property="og:image"
-            content={`/assets/banners/${toolId}.webp`}
-          />
+              {tool.pageDescription !== undefined && (
+                <meta name="description" content={tool.pageDescription} />
+              )}
+            </>
+          )}
         </>
       )}