Add ad

PleatherStarfish · Dec 2, 2024 · a86926a · a86926a
1 parent be986bb
commit a86926a
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 78 deletions.
diff --git a/backend/static/js/main.bundle.js b/backend/static/js/main.bundle.js
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "proxy": "http://0.0.0.0:8000/",
   "dependencies": {
+    "@ctrl/react-adsense": "^1.7.0",
     "@headlessui/react": "^1.7.13",
     "@heroicons/react": "^2.0.16",
     "@react-hook/window-size": "^3.1.1",

diff --git a/frontend/src/components/components/adSense/bannerAd.tsx b/frontend/src/components/components/adSense/bannerAd.tsx
diff --git a/frontend/src/components/components/adSense/inFeedAd.tsx b/frontend/src/components/components/adSense/inFeedAd.tsx
diff --git a/frontend/src/projects/ModulesList.tsx b/frontend/src/projects/ModulesList.tsx
@@ -5,7 +5,7 @@ import React from "react";
 import chroma from "chroma-js";
 import { motion } from "framer-motion";
 import useAuthenticatedUser from "../services/useAuthenticatedUser";
-import InFeedAd from "../components/components/adSense/inFeedAd";
+import { Adsense } from '@ctrl/react-adsense';
 
 
 interface ModulesListProps {
@@ -146,7 +146,13 @@ const ModulesList: React.FC<ModulesListProps> = ({ shouldAnimate, modules, filte
             key={`ad-${index}`}
             variants={slideInFromRight}
           >
-            <InFeedAd />
+            <Adsense
+              client="ca-pub-1549230942850511"
+              format="auto"
+              responsive="true"
+              slot="6413550510"
+              style={{ display: 'block' }}
+            />
           </motion.div>
         )}
       </>