Test

phoenix-monarch · Jan 9, 2023 · d8b7fa7 · d8b7fa7
1 parent e539511
commit d8b7fa7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -15,6 +15,7 @@ import Arc from '@/components/arc';
 import { GoogleAnalytics } from '@/components/analytics';
 import Ad from '@/components/ad';
 import { getSession } from '@/lib/auth';
+import AdBlock from '@/components/ad/block';
 export default async function RootLayout({
  children,
 }: {
@@ -32,13 +33,9 @@ export default async function RootLayout({
  <body>
  <div className="bg-black text-white flex flex-col">
  <TopNavigation />
- <ins className="adsbygoogle w-screen p-0 m-0 h-30"
- data-ad-client="ca-pub-5750060815915776"
- data-ad-format="auto"></ins>
+ <AdBlock className="w-screen p-0 m-0 h-30"/>
  <div className="flex-grow w-screen p-0 m-0 mt-10 mb-10">{children}</div>
- <ins className="adsbygoogle w-screen p-0 m-0 h-30"
- data-ad-client="ca-pub-5750060815915776"
- data-ad-format="auto"></ins>
+ <AdBlock className="w-screen p-0 m-0 h-30"/>
  <footer className="bg-[#222] py-10">
  <div className={classNames(styles["foot-cont"], "flex flex-row content-between")}>
  <div className={styles.disclaimer}>

diff --git a/components/ad/block.tsx b/components/ad/block.tsx
@@ -1,8 +1,9 @@
 'use client'
 
 import { useEffect } from 'react';
+import classNames from 'classnames';
 
-export default function AdBlock() {
+export default function AdBlock({ className }) {
  useEffect(() => {
  const pushAd = () => {
  try {
@@ -31,8 +32,7 @@ export default function AdBlock() {
 
  return (
  <ins
- className="adsbygoogle"
- style={{ width: "100%" }}
+ className={classNames("adsbygoogle", className ?? "")}
  data-ad-client="ca-pub-5750060815915776"
  data-ad-format="auto"
  ></ins>