Trying to fix bug in mobile

Author: velopert

src/containers/post/PostViewer.tsx

@@ -373,7 +373,7 @@ const PostViewer: React.FC<PostViewerProps> = ({
         comments={post.comments}
         postId={post.id}
       />
-      <RelatedPost type="mobile" />
+      {/* <RelatedPost type="mobile" /> */}
     </PostViewerProvider>
   );
 };

src/containers/post/RelatedPost.tsx

@@ -8,20 +8,22 @@ type RelatedPostProps = {
 };
 function RelatedPost({ type }: RelatedPostProps) {
   const [visible, setVisible] = useState(true);
-  useEffect(() => {
-    const width = window.innerWidth;
-    if (type === 'desktop' && width < 768) {
-      setVisible(false);
-      return;
-    }
-    if (type === 'mobile' && width >= 768) {
-      setVisible(false);
-      return;
-    }
-    setTimeout(() => {
-      (window.adsbygoogle = window.adsbygoogle || []).push({});
-    }, 100);
-  }, [type]);
+  // useEffect(() => {
+  //   setTimeout(() => {
+  //     const width = window.innerWidth;
+  //     if (type === 'desktop' && width < 768) {
+  //       setVisible(false);
+  //       return;
+  //     }
+  //     if (type === 'mobile' && width >= 768) {
+  //       setVisible(false);
+  //       return;
+  //     }
+  //     setTimeout(() => {
+  //       (window.adsbygoogle = window.adsbygoogle || []).push({});
+  //     }, 100);
+  //   }, 250);
+  // }, [type]);
 
   useEffect(() => {
     detectAnyAdblocker().then((detected: boolean) => {
@@ -35,36 +37,24 @@ function RelatedPost({ type }: RelatedPostProps) {
 
   return (
     <Wrapper>
-      <h4>관심 있을 만한 포스트</h4>
-      {type === 'desktop' && (
-        <ins
-          className="adsbygoogle"
-          style={{ display: 'block' }}
-          data-ad-format="autorelaxed"
-          data-ad-client="ca-pub-5574866530496701"
-          data-ad-slot="4990574169"
-          data-matched-content-ui-type="image_stacked"
-          data-matched-content-rows-num="2"
-          data-matched-content-columns-num="3"
-        ></ins>
-      )}
-      {type === 'mobile' && (
-        <ins
-          className="adsbygoogle"
-          style={{ display: 'block' }}
-          data-ad-format="autorelaxed"
-          data-ad-client="ca-pub-5574866530496701"
-          data-ad-slot="4990574169"
-          data-matched-content-ui-type="image_stacked"
-          data-matched-content-rows-num="6"
-          data-matched-content-columns-num="1"
-        ></ins>
-      )}
+      <h4>관심 있을 만한 포스트</h4>(
+      <ins
+        className="adsbygoogle"
+        style={{ display: 'block' }}
+        data-ad-format="autorelaxed"
+        data-ad-client="ca-pub-5574866530496701"
+        data-ad-slot="4990574169"
+        data-matched-content-ui-type="image_stacked"
+        data-matched-content-rows-num="2"
+        data-matched-content-columns-num="3"
+      ></ins>
     </Wrapper>
   );
 }
 
 const Wrapper = styled(VelogResponsive)`
+  padding-left: 1rem;
+  padding-right: 1rem;
   margin-top: 4rem;
   margin-bottom: 3rem;
 `;