rename ads

Author: Chouikane

src/components/List/ListComponent.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react'
 import { Placeholder } from 'src/components/placeholders'
 import { MAX_ITEMS_PER_CARD } from 'src/config'
-import { CarbonAd } from 'src/features/carbonAds'
+import { BannerAd } from 'src/features/ads'
 import { BaseEntry } from 'src/types'
 
 type PlaceholdersProps = {
@@ -52,7 +52,7 @@ export function ListComponent<T extends BaseEntry>(props: ListComponentPropsType
     return items.slice(0, limit).map((item, index) => {
       let content: ReactNode[] = [renderItem(item, index)]
       if (withAds && index === 0) {
-        content.unshift(<CarbonAd key={'carbonAd0'} />)
+        content.unshift(<BannerAd key={'BannerAd0'} />)
       }
       return content
     })

src/features/carbonAds/api/getAd.ts src/features/ads/api/getAd.tssrc/features/carbonAds/api/getAd.ts renamed to src/features/ads/api/getAd.ts

@@ -1,49 +1,49 @@
-#carbonads * {
+#bannerads * {
     margin: initial;
     padding: initial;
   }
-  #carbonads {
+  #bannerads {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
       Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
       sans-serif;
   }
-  #carbonads {
+  #bannerads {
     display: flex;
     max-width: 330px;
     z-index: 100;
     margin: 0 auto
   }
-  #carbonads a {
+  #bannerads a {
     color: inherit;
     text-decoration: none;
   }
-  #carbonads a:hover {
+  #bannerads a:hover {
     color: inherit;
   }
-  #carbonads span {
+  #bannerads span {
     position: relative;
     display: block;
     overflow: hidden;
   }
-  #carbonads .carbon-wrap {
+  #bannerads .carbon-wrap {
     display: flex;
   }
-  #carbonads .carbon-img {
+  #bannerads .carbon-img {
     display: block;
     margin: 0;
     line-height: 1;
   }
-  #carbonads .carbon-img img {
+  #bannerads .carbon-img img {
     display: block;
   }
-  #carbonads .carbon-text {
+  #bannerads .carbon-text {
     font-size: 13px;
     padding: 10px;
     margin-bottom: 16px;
     line-height: 1.5;
     text-align: left;
   }
-  #carbonads .carbon-poweredby {
+  #bannerads .carbon-poweredby {
     display: block;
     padding: 6px 8px;
     background: inherit;

…atures/carbonAds/components/CarbonAd.css src/features/ads/components/BannerAd.csssrc/features/carbonAds/components/CarbonAd.css renamed to src/features/ads/components/BannerAd.css src/features/carbonAds/components/CarbonAd.css renamed to src/features/ads/components/BannerAd.css

@@ -1,7 +1,7 @@
-import './CarbonAd.css'
+import './BannerAd.css'
 import { useGetAd } from '../api/getAd'
 
-export const CarbonAd = () => {
+export const BannerAd = () => {
   const { data: ad } = useGetAd()
 
   if (!ad || !ad.link) {
@@ -11,7 +11,7 @@ export const CarbonAd = () => {
   return (
     <div className="carbon-ad-wrapper blockRow">
       {ad && (
-        <div id="carbonads">
+        <div id="bannerads">
           <span>
             <span className="carbon-wrap">
               <a

…atures/carbonAds/components/CarbonAd.tsx src/features/ads/components/BannerAd.tsxsrc/features/carbonAds/components/CarbonAd.tsx renamed to src/features/ads/components/BannerAd.tsx src/features/carbonAds/components/CarbonAd.tsx renamed to src/features/ads/components/BannerAd.tsx

@@ -0,0 +1 @@
+export * from "./components/BannerAd";