From 57cd3aae5021e1de4a9e6ed4dfe59fd2798e1f20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 21 Apr 2024 10:21:52 -0500
Subject: [PATCH] feat: pub ads

---
 src/app/layout.tsx                        |  4 ++--
 src/app/tools/tankopedia/map/page.tsx     |  9 ++++++++-
 src/components/Ads/Horizontal.tsx         | 19 +++++++++++++++++++
 src/components/{Google.tsx => Party3.tsx} | 18 ++++++++++++++++--
 4 files changed, 45 insertions(+), 5 deletions(-)
 create mode 100644 src/components/Ads/Horizontal.tsx
 rename src/components/{Google.tsx => Party3.tsx} (63%)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 51ad5b5be..e46ef804e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,9 +7,9 @@ import { Roboto_Flex } from 'next/font/google';
 import { usePathname } from 'next/navigation';
 import { ReactNode, Suspense, useEffect, useState } from 'react';
 import { Footer } from '../components/Footer';
-import { Google } from '../components/Google';
 import { Loader } from '../components/Loader';
 import Navbar from '../components/Navbar';
+import { Party3 } from '../components/Party3';
 import isDev from '../core/blitzkrieg/isDev';
 import { isLocalhost } from '../core/blitzkrieg/isLocalhost';
 import { useFullScreen } from '../hooks/useFullScreen';
@@ -60,7 +60,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <meta property="og:site_name" content="Blitzkrieg" />
         <link rel="icon" type="image/x-icon" href="/favicon.ico" />
 
-        <Google />
+        <Party3 />
       </head>
 
       <body
diff --git a/src/app/tools/tankopedia/map/page.tsx b/src/app/tools/tankopedia/map/page.tsx
index 2787a31c6..e2924869e 100644
--- a/src/app/tools/tankopedia/map/page.tsx
+++ b/src/app/tools/tankopedia/map/page.tsx
@@ -1,5 +1,6 @@
 import { Flex, Link } from '@radix-ui/themes';
 import { use } from 'react';
+import { AdHorizontal } from '../../../../components/Ads/Horizontal';
 import PageWrapper from '../../../../components/PageWrapper';
 import { tankDefinitions } from '../../../../core/blitzkrieg/tankDefinitions';
 
@@ -8,11 +9,17 @@ export default function Page() {
 
   return (
     <PageWrapper>
+      <title>Super duper secret map for SEO</title>
+
+      <AdHorizontal />
+
       <Flex direction="column" align="center">
         {Object.values(awaitedTankDefinitions)
           .sort((a, b) => b.tier - a.tier)
           .map((tank) => (
-            <Link href={`./${tank.id}`}>{tank.name}</Link>
+            <Link href={`./${tank.id}`} key={tank.id}>
+              {tank.name}
+            </Link>
           ))}
       </Flex>
     </PageWrapper>
diff --git a/src/components/Ads/Horizontal.tsx b/src/components/Ads/Horizontal.tsx
new file mode 100644
index 000000000..0c8eab9ad
--- /dev/null
+++ b/src/components/Ads/Horizontal.tsx
@@ -0,0 +1,19 @@
+export function AdHorizontal() {
+  return (
+    <>
+      <div id="ms-ad-635230699" />
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.msAdsQueue.push(() => { 
+              window.pubCenterSdk.render({ 
+                adUnitId: "635230699", 
+                elementId: "ms-ad-635230699" 
+              }); 
+            }); 
+          `,
+        }}
+      />
+    </>
+  );
+}
diff --git a/src/components/Google.tsx b/src/components/Party3.tsx
similarity index 63%
rename from src/components/Google.tsx
rename to src/components/Party3.tsx
index 905bc901f..6df25857d 100644
--- a/src/components/Google.tsx
+++ b/src/components/Party3.tsx
@@ -1,4 +1,4 @@
-export function Google() {
+export function Party3() {
   return (
     <>
       {/* analytics */}
@@ -19,10 +19,24 @@ export function Google() {
       />
 
       {/* adsense */}
-      <script
+      {/* <script
         async
         src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1289406790225052"
         crossOrigin="anonymous"
+      /> */}
+
+      {/* pub center */}
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.msAdsQueue = window.msAdsQueue || [];
+          `,
+        }}
+      />
+      <script
+        async
+        src="https://adsdk.microsoft.com/pubcenter/sdk.js?siteId=364477&publisherId=253617120"
+        crossOrigin="anonymous"
       />
     </>
   );