ads

package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.12.6",
+    "@ctrl/react-adsense": "^1.8.0",
     "@jcamp/vitepress-blog-theme": "^0.3.0",
     "@mdxeditor/editor": "^3.25.1",
     "@million/lint": "latest",

src/App.tsx

@@ -5,6 +5,7 @@ import SyllabusListing, { ClassListing } from './components/syllabus_comp';
 
 
 import server from './main'
+import { Adsense } from "@ctrl/react-adsense"
 
 import Select from "react-select"
 import AsyncSelect from "react-select/async";
@@ -303,8 +304,14 @@ function App() {
                       </div>}
                       <div className="p-2 shadow-2xl rounded-md flex bg-orange-500 flex-col gap-1 border">
                         <text className=" text-red-100">jfk college success club event:</text>
-                        <img className="p-2 shadow-md bg-white rounded-md border" src="/advertisement.png"/>
+                        <img className="p-2 shadow-md bg-white rounded-md border" src="/advertisement.png" />
                       </div>
+                      <Adsense 
+                        client="ca-pub-1666992508674643"
+                        slot="9572064228"
+                        format="auto"
+                        className="h-full"
+                      />
                     </div>
                   </div>