remove ad component

config.js

@@ -42,9 +42,5 @@ module.exports = {
   darkModeConfig: {
     classNameDark: 'dark',
     classNameLight: 'light'
-  },
-  ad: {
-    title: 'Ledger Nano X: Keep your crypto secure, everywhere.',
-    link: 'https://shop.ledger.com/pages/ledger-nano-x?r=3176d705002a'
   }
 }

src/@types/Site.d.ts

@@ -30,8 +30,4 @@ export interface Site {
     classNameDark: string
     classNameLight: string
   }
-  ad: {
-    title: string
-    link: string
-  }
 }

src/components/atoms/Ad.module.scss

@@ -1,21 +0,0 @@
-@import 'variables';
-
-.ad {
-  font-style: italic;
-  display: block;
-  text-align: center;
-  position: relative;
-  margin-top: $spacer * 3;
-  margin-bottom: $spacer;
-
-  &::before {
-    content: 'AFFILIATE';
-    font-size: $font-size-mini;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 100%;
-    color: $text-color-light;
-    text-align: center;
-  }
-}

src/components/atoms/Ad.tsx

@@ -1,19 +0,0 @@
-import React, { ReactElement } from 'react'
-import styles from './Ad.module.scss'
-import { useSiteMetadata } from '../../hooks/use-site-metadata'
-
-export default function Ad(): ReactElement {
-  const { ad } = useSiteMetadata()
-
-  return (
-    <a
-      className={styles.ad}
-      href={ad.link}
-      data-track-content
-      data-content-name="Text Ad"
-      data-content-piece={ad.title}
-    >
-      {ad.title}
-    </a>
-  )
-}

src/components/templates/Post/index.tsx

@@ -11,7 +11,6 @@ import PostContent from './Content'
 import PostActions from './Actions'
 import PostLinkActions from './LinkActions'
 import PostMeta from './Meta'
-import PostAd from '../../atoms/Ad'
 import PrevNext from './PrevNext'
 import styles from './index.module.scss'
 import { Image } from '../../atoms/Image'
@@ -67,7 +66,6 @@ export default function Post({
         {type === 'link' && <PostLinkActions slug={slug} linkurl={linkurl} />}
         <PostMeta post={post} />
         <PostActions slug={slug} githubLink={githubLink} />
-        <PostAd />
       </article>
 
       <RelatedPosts photos={type === 'photo'} tags={tags} />

src/hooks/use-site-metadata.ts

@@ -32,10 +32,6 @@ const query = graphql`
           classNameDark
           classNameLight
         }
-        ad {
-          title
-          link
-        }
       }
     }
   }