Merge pull request #29 from Seol-JY/feature/clean-ads

Seol-JY · web-flow · commit 2205e48fb22b · 2024-06-08T15:56:16.000+09:00
feat: 광고 제거
diff --git a/client/public/index.html b/client/public/index.html
@@ -17,11 +17,6 @@
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
       rel="stylesheet"
     />
-    <script
-      async
-      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8658385917169302"
-      crossorigin="anonymous"
-    ></script>
     <title>Speed Coder</title>
   </head>
   <body onpaste="return false">
diff --git a/client/src/App.js b/client/src/App.js
@@ -9,7 +9,6 @@ import { useState, useEffect } from "react";
 import { Provider } from "react-redux";
 import store from "./redux/store";
 import Draggable from "react-draggable";
-import InFeedAdvertise from "./components/advertises/InFeedAdvertise";
 
 function App() {
   const [section, setSection] = useState("1");
@@ -77,45 +76,6 @@ function App() {
 
   return (
     <Provider store={store}>
-      {/* <div
-        style={{
-          margin: "0",
-          fontSize: "20px",
-          position: "absolute",
-          left: "calc(100vw/2 - 150px)",
-          top: "calc(100vh/2 - 100px)",
-          display: "flex",
-          justifyContent: "space-around",
-          alignItems: "center",
-          height: "100px",
-          width: "300px",
-          backgroundColor: "var(--topbar-background-color)",
-          borderRadius: "10px",
-          transition: "background-color 0.3s",
-          flexDirection: "column",
-        }}
-      >
-        <h1 style={{ position: "static" }}>
-          Number of clicks: {counterValue.toLocaleString("ko-KR")}
-        </h1>
-        {buttonClicked || (
-          <button
-            onClick={() => {
-              increaseCounter();
-              setButtonClicked(true);
-            }}
-            className="sidebarsection-list"
-            style={{
-              width: "120px",
-              height: "40px",
-              border: "0.8px solid darkgray",
-              borderRadius: "10px",
-            }}
-          >
-            Can you press it?
-          </button>
-        )}
-      </div> */}
       <div
         style={{
           margin: "0 10px 0 0",
@@ -126,9 +86,7 @@ function App() {
           justifyContent: "space-around",
           alignItems: "center",
         }}
-      >
-        <InFeedAdvertise />
-      </div>
+      ></div>
       <div className="scale-wrapper" style={{ transform: `scale(${scale})` }}>
         <Draggable onDrag={(e, data) => trackPos(data)}>
           <div className="form no-drag">
diff --git a/client/src/components/LeaderBoard.jsx b/client/src/components/LeaderBoard.jsx
@@ -2,7 +2,6 @@ import fetcher from "../utils/fetcher";
 import { useState, useEffect, useCallback } from "react";
 import { useInView } from "react-intersection-observer";
 import LeaderBoardContents from "./LeaderBoardContents";
-import InFeedAdvertise from "./advertises/InFeedAdvertise";
 
 export default function LeaderBoard({ daynight }) {
   const [prev, prevInView] = useInView(); // 무한 스크롤용 ref - 이전
@@ -63,40 +62,26 @@ export default function LeaderBoard({ daynight }) {
     </ul>
   ) : (
     <ul className="sidebarsection-rank">
-      {
-        items.map((s, i) => {
-          // if (i === 2) {
-          //   return (
-          //     <li key={s._id} ref={prev}>
-          //       <LeaderBoardContents s={s} />
-          //     </li>
-          //   );
-          if (i === items.length - 1) {
-            return (
-              <li key={s._id} ref={next}>
-                <LeaderBoardContents s={s} />
-              </li>
-            );
-          }
+      {items.map((s, i) => {
+        // if (i === 2) {
+        //   return (
+        //     <li key={s._id} ref={prev}>
+        //       <LeaderBoardContents s={s} />
+        //     </li>
+        //   );
+        if (i === items.length - 1) {
           return (
-            <li key={s._id}>
+            <li key={s._id} ref={next}>
               <LeaderBoardContents s={s} />
             </li>
           );
-        })
-        // 인피드 광고가 3번째에 삽입되어야 하나, 최소 width를 만족하지 못해 제거
-        // .reduce((acc, curr, i) => {
-        //   if (i === 3) {
-        //     acc.push(
-        //       <li key="advertise">
-        //         <InFeedAdvertise />
-        //       </li>
-        //     );
-        //   }
-        //   acc.push(curr);
-        //   return acc;
-        // }, [])
-      }
+        }
+        return (
+          <li key={s._id}>
+            <LeaderBoardContents s={s} />
+          </li>
+        );
+      })}
       {loading && (
         <li>
           <ul>
diff --git a/client/src/components/Sidebar.jsx b/client/src/components/Sidebar.jsx
@@ -2,8 +2,6 @@ import { useEffect, useState } from "react";
 import Debug from "./Debug";
 import LeaderBoard from "./LeaderBoard";
 import IconGenerator from "./IconGenerator";
-import InFeedAdvertise from "./advertises/InFeedAdvertise";
-
 export default function Sidebar(props) {
   const [filestate, setFilestate] = useState("hello.py");
   const filename = [
diff --git a/client/src/components/advertises/InFeedAdvertise.jsx b/client/src/components/advertises/InFeedAdvertise.jsx
