From 9e7d47412acde37bd1c49a94a6a2496bc62d6086 Mon Sep 17 00:00:00 2001
From: Marc-Aurele Besner
 <82244926+marc-aurele-besner@users.noreply.github.com>
Date: Sat, 23 Sep 2023 10:05:17 -0400
Subject: [PATCH 1/3] remove ads

---
 ui/shared/ad/AdBanner.tsx        | 42 ++-------------
 ui/shared/ad/AdbutlerBanner.tsx  | 55 ++------------------
 ui/shared/ad/CoinzillaBanner.tsx | 27 ++--------
 ui/shared/ad/CoinzillaTextAd.tsx | 88 ++------------------------------
 ui/shared/ad/SliseBanner.tsx     | 27 ++--------
 ui/shared/ad/TextAd.tsx          | 16 +-----
 ui/shared/ad/adbutlerScript.ts   | 29 -----------
 7 files changed, 17 insertions(+), 267 deletions(-)
 delete mode 100644 ui/shared/ad/adbutlerScript.ts

diff --git a/ui/shared/ad/AdBanner.tsx b/ui/shared/ad/AdBanner.tsx
index dd948cdb77..15e833231f 100644
--- a/ui/shared/ad/AdBanner.tsx
+++ b/ui/shared/ad/AdBanner.tsx
@@ -1,45 +1,9 @@
-import { chakra, Skeleton } from '@chakra-ui/react';
-import React from 'react';
-
-import config from 'configs/app';
-import { useAppContext } from 'lib/contexts/app';
-import * as cookies from 'lib/cookies';
-
-import AdbutlerBanner from './AdbutlerBanner';
-import CoinzillaBanner from './CoinzillaBanner';
-import SliseBanner from './SliseBanner';
-
-const feature = config.features.adsBanner;
+import { chakra } from '@chakra-ui/react';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const AdBanner = ({ className, isLoading }: { className?: string; isLoading?: boolean }) => {
-  const hasAdblockCookie = cookies.get(cookies.NAMES.ADBLOCK_DETECTED, useAppContext().cookies);
-
-  if (!feature.isEnabled || hasAdblockCookie) {
-    return null;
-  }
-
-  const content = (() => {
-    switch (feature.provider) {
-      case 'adbutler':
-        return <AdbutlerBanner/>;
-      case 'coinzilla':
-        return <CoinzillaBanner/>;
-      case 'slise':
-        return <SliseBanner/>;
-    }
-  })();
 
-  return (
-    <Skeleton
-      className={ className }
-      isLoaded={ !isLoading }
-      borderRadius="none"
-      maxW={ feature.provider === 'adbutler' ? feature.adButler.config.desktop.width : '728px' }
-      w="100%"
-    >
-      { content }
-    </Skeleton>
-  );
+  return null;
 };
 
 export default chakra(AdBanner);
diff --git a/ui/shared/ad/AdbutlerBanner.tsx b/ui/shared/ad/AdbutlerBanner.tsx
index 88df6961e8..e2a4081260 100644
--- a/ui/shared/ad/AdbutlerBanner.tsx
+++ b/ui/shared/ad/AdbutlerBanner.tsx
@@ -1,57 +1,8 @@
-import { Flex, chakra } from '@chakra-ui/react';
-import { useRouter } from 'next/navigation';
-import Script from 'next/script';
-import React from 'react';
-
-import config from 'configs/app';
-import useIsMobile from 'lib/hooks/useIsMobile';
-import isBrowser from 'lib/isBrowser';
-import { connectAdbutler, placeAd, ADBUTLER_ACCOUNT } from 'ui/shared/ad/adbutlerScript';
-
-const feature = config.features.adsBanner;
+import { chakra } from '@chakra-ui/react';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const AdbutlerBanner = ({ className }: { className?: string }) => {
-  const router = useRouter();
-  const isMobile = useIsMobile();
-  React.useEffect(() => {
-    if (!feature.isEnabled || feature.provider !== 'adbutler') {
-      return;
-    }
-
-    if (isBrowser() && window.AdButler) {
-      const abkw = window.abkw || '';
-      if (!window.AdButler.ads) {
-        window.AdButler.ads = [];
-      }
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore:
-      let plc = window[`plc${ feature.adButler.config.mobile.id }`] || 0;
-      const adButlerConfig = isMobile ? feature.adButler.config.mobile : feature.adButler.config.desktop;
-      const banner = document.getElementById('ad-banner');
-      if (banner) {
-        banner.innerHTML = '<' + 'div id="placement_' + adButlerConfig?.id + '_' + plc + '"></' + 'div>';
-      }
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore:
-      window.AdButler.ads.push({ handler: function(opt) {
-        window.AdButler.register(
-          ADBUTLER_ACCOUNT,
-          adButlerConfig.id,
-          [ adButlerConfig.width, adButlerConfig.height ],
-          `placement_${ adButlerConfig.id }_` + opt.place,
-          opt,
-        );
-      }, opt: { place: plc++, keywords: abkw, domain: 'servedbyadbutler.com', click: 'CLICK_MACRO_PLACEHOLDER' } });
-    }
-  }, [ router, isMobile ]);
-
-  return (
-    <Flex className={ className } id="adBanner" h={{ base: '100px', lg: '90px' }}>
-      <Script id="ad-butler-1">{ connectAdbutler }</Script>
-      <Script id="ad-butler-2">{ placeAd }</Script>
-      <div id="ad-banner"></div>
-    </Flex>
-  );
+  return null;
 };
 
 export default chakra(AdbutlerBanner);
diff --git a/ui/shared/ad/CoinzillaBanner.tsx b/ui/shared/ad/CoinzillaBanner.tsx
index 2d979bf699..efd945bbfd 100644
--- a/ui/shared/ad/CoinzillaBanner.tsx
+++ b/ui/shared/ad/CoinzillaBanner.tsx
@@ -1,30 +1,9 @@
-import { Flex, chakra } from '@chakra-ui/react';
-import Script from 'next/script';
-import React from 'react';
-
-import isBrowser from 'lib/isBrowser';
+import { chakra } from '@chakra-ui/react';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const CoinzillaBanner = ({ className }: { className?: string }) => {
-  const isInBrowser = isBrowser();
-
-  React.useEffect(() => {
-    if (isInBrowser) {
-      window.coinzilla_display = window.coinzilla_display || [];
-      const cDisplayPreferences = {
-        zone: '26660bf627543e46851',
-        width: '728',
-        height: '90',
-      };
-      window.coinzilla_display.push(cDisplayPreferences);
-    }
-  }, [ isInBrowser ]);
 
-  return (
-    <Flex className={ className } id="adBanner" h={{ base: '100px', lg: '90px' }}>
-      <Script src="https://coinzillatag.com/lib/display.js"/>
-      <div className="coinzilla" data-zone="C-26660bf627543e46851"></div>
-    </Flex>
-  );
+  return null;
 };
 
 export default chakra(CoinzillaBanner);
diff --git a/ui/shared/ad/CoinzillaTextAd.tsx b/ui/shared/ad/CoinzillaTextAd.tsx
index 91d54d833b..95cf984f1d 100644
--- a/ui/shared/ad/CoinzillaTextAd.tsx
+++ b/ui/shared/ad/CoinzillaTextAd.tsx
@@ -1,90 +1,8 @@
-import { Box, Image, Link, Text, chakra, Skeleton } from '@chakra-ui/react';
-import React, { useEffect } from 'react';
-
-import { ndash } from 'lib/html-entities';
-import isBrowser from 'lib/isBrowser';
-
-type AdData = {
-  ad: {
-    name: string;
-    description_short: string;
-    thumbnail: string;
-    url: string;
-    cta_button: string;
-    impressionUrl?: string;
-  };
-}
-
-// const MOCK: AdData = {
-//   ad: {
-//     url: 'https://unsplash.com/s/photos/cute-kitten',
-//     thumbnail: 'https://placekitten.com/40/40',
-//     name: 'All about kitties',
-//     description_short: 'To see millions picture of cute kitties',
-//     cta_button: 'click here',
-//   },
-// };
+import { chakra } from '@chakra-ui/react';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const CoinzillaTextAd = ({ className }: {className?: string}) => {
-  const [ adData, setAdData ] = React.useState<AdData | null>(null);
-  const [ isLoading, setIsLoading ] = React.useState(true);
-
-  useEffect(() => {
-    if (isBrowser()) {
-      fetch('https://request-global.czilladx.com/serve/native.php?z=19260bf627546ab7242')
-        .then(res => res.status === 200 ? res.json() : null)
-        .then((_data) => {
-          const data = _data as AdData;
-          setAdData(data);
-          if (data?.ad?.impressionUrl) {
-            fetch(data.ad.impressionUrl);
-          }
-        })
-        .finally(() => {
-          // setAdData(MOCK);
-          setIsLoading(false);
-        });
-    }
-  }, [ ]);
-
-  if (isLoading) {
-    return (
-      <Skeleton
-        className={ className }
-        h={{ base: 12, lg: 6 }}
-        w="100%"
-        flexGrow={ 1 }
-        maxW="800px"
-        display="block"
-      />
-    );
-  }
-
-  if (!adData) {
-    return null;
-  }
-
-  const urlObject = new URL(adData.ad.url);
-
-  return (
-    <Box className={ className }>
-      <Text
-        as="span"
-        whiteSpace="pre-wrap"
-        fontWeight={ 700 }
-        mr={ 3 }
-        display={{ base: 'none', lg: 'inline' }}
-      >
-        Ads:
-      </Text>
-      { urlObject.hostname === 'nifty.ink' ?
-        <Text as="span" mr={ 1 }>🎨</Text> :
-        <Image src={ adData.ad.thumbnail } width="20px" height="20px" mb="-4px" mr={ 1 } display="inline" alt=""/>
-      }
-      <Text as="span" whiteSpace="pre-wrap">{ `${ adData.ad.name } ${ ndash } ${ adData.ad.description_short } ` }</Text>
-      <Link href={ adData.ad.url }>{ adData.ad.cta_button }</Link>
-    </Box>
-  );
+  return null;
 };
 
 export default chakra(CoinzillaTextAd);
diff --git a/ui/shared/ad/SliseBanner.tsx b/ui/shared/ad/SliseBanner.tsx
index 56ae2a7f3a..d5365366e6 100644
--- a/ui/shared/ad/SliseBanner.tsx
+++ b/ui/shared/ad/SliseBanner.tsx
@@ -1,29 +1,8 @@
-import { Flex, chakra } from '@chakra-ui/react';
-import { SliseAd } from '@slise/embed-react';
-import React from 'react';
-
-import config from 'configs/app';
+import { chakra } from '@chakra-ui/react';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const SliseBanner = ({ className }: { className?: string }) => {
-
-  return (
-    <>
-      <Flex className={ className } h="90px" display={{ base: 'none', lg: 'flex' }}>
-        <SliseAd
-          slotId={ config.chain.name || '' }
-          pub="pub-10"
-          format="728x90"
-          style={{ width: '728px', height: '90px' }}/>
-      </Flex>
-      <Flex className={ className } h="90px" display={{ base: 'flex', lg: 'none' }}>
-        <SliseAd
-          slotId={ config.chain.name || '' }
-          pub="pub-10"
-          format="270x90"
-          style={{ width: '270px', height: '90px' }}/>
-      </Flex>
-    </>
-  );
+  return null;
 };
 
 export default chakra(SliseBanner);
diff --git a/ui/shared/ad/TextAd.tsx b/ui/shared/ad/TextAd.tsx
index 58fca43814..f6dafdd4e4 100644
--- a/ui/shared/ad/TextAd.tsx
+++ b/ui/shared/ad/TextAd.tsx
@@ -1,20 +1,8 @@
 import { chakra } from '@chakra-ui/react';
-import React from 'react';
-
-import config from 'configs/app';
-import { useAppContext } from 'lib/contexts/app';
-import * as cookies from 'lib/cookies';
-
-import CoinzillaTextAd from './CoinzillaTextAd';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const TextAd = ({ className }: {className?: string}) => {
-  const hasAdblockCookie = cookies.get(cookies.NAMES.ADBLOCK_DETECTED, useAppContext().cookies);
-
-  if (!config.features.adsText.isEnabled || hasAdblockCookie) {
-    return null;
-  }
-
-  return <CoinzillaTextAd className={ className }/>;
+  return null;
 };
 
 export default chakra(TextAd);
diff --git a/ui/shared/ad/adbutlerScript.ts b/ui/shared/ad/adbutlerScript.ts
deleted file mode 100644
index 6228a231bf..0000000000
--- a/ui/shared/ad/adbutlerScript.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/* eslint-disable max-len */
-import config from 'configs/app';
-
-export const ADBUTLER_ACCOUNT = 182226;
-
-export const connectAdbutler = `if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}`;
-
-export const placeAd = (() => {
-  const feature = config.features.adsBanner;
-
-  if (!feature.isEnabled || feature.provider !== 'adbutler') {
-    return;
-  }
-
-  return `
-    var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || [];
-    var abkw = window.abkw || '';
-    const isMobile = window.matchMedia("only screen and (max-width: 1000px)").matches;
-    if (isMobile) {
-        var plc${ feature.adButler.config.mobile.id } = window.plc${ feature.adButler.config.mobile.id } || 0;
-        document.getElementById('ad-banner').innerHTML = '<'+'div id="placement_${ feature.adButler.config.mobile.id }_'+plc${ feature.adButler.config.mobile.id }+'"></'+'div>';
-        AdButler.ads.push({handler: function(opt){ AdButler.register(${ ADBUTLER_ACCOUNT }, ${ feature.adButler.config.mobile.id }, [${ feature.adButler.config.mobile.width },${ feature.adButler.config.mobile.height }], 'placement_${ feature.adButler.config.mobile.id }_'+opt.place, opt); }, opt: { place: plc${ feature.adButler.config.mobile.id }++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }});
-    } else {
-        var plc${ feature.adButler.config.desktop.id } = window.plc${ feature.adButler.config.desktop.id } || 0;
-        document.getElementById('ad-banner').innerHTML = '<'+'div id="placement_${ feature.adButler.config.desktop.id }_'+plc${ feature.adButler.config.desktop.id }+'"></'+'div>';
-        AdButler.ads.push({handler: function(opt){ AdButler.register(${ ADBUTLER_ACCOUNT }, ${ feature.adButler.config.desktop.id }, [${ feature.adButler.config.desktop.width },${ feature.adButler.config.desktop.height }], 'placement_${ feature.adButler.config.desktop.id }_'+opt.place, opt); }, opt: { place: plc${ feature.adButler.config.desktop.id }++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }});
-    }
-  `;
-})();

From b44702ee4a13aa46c1b4fb1178ce08abd01a72f9 Mon Sep 17 00:00:00 2001
From: Marc-Aurele Besner
 <82244926+marc-aurele-besner@users.noreply.github.com>
Date: Sun, 24 Sep 2023 09:39:57 -0400
Subject: [PATCH 2/3] fix build

---
 nextjs/csp/generateCspPolicy.ts |  1 -
 nextjs/csp/policies/ad.ts       | 33 ---------------------------------
 nextjs/csp/policies/index.ts    |  1 -
 3 files changed, 35 deletions(-)
 delete mode 100644 nextjs/csp/policies/ad.ts

diff --git a/nextjs/csp/generateCspPolicy.ts b/nextjs/csp/generateCspPolicy.ts
index f10e576b76..92ceb81934 100644
--- a/nextjs/csp/generateCspPolicy.ts
+++ b/nextjs/csp/generateCspPolicy.ts
@@ -4,7 +4,6 @@ import { makePolicyString, mergeDescriptors } from './utils';
 function generateCspPolicy() {
   const policyDescriptor = mergeDescriptors(
     descriptors.app(),
-    descriptors.ad(),
     descriptors.cloudFlare(),
     descriptors.googleAnalytics(),
     descriptors.googleFonts(),
diff --git a/nextjs/csp/policies/ad.ts b/nextjs/csp/policies/ad.ts
deleted file mode 100644
index 4b7905fdf2..0000000000
--- a/nextjs/csp/policies/ad.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import Base64 from 'crypto-js/enc-base64';
-import sha256 from 'crypto-js/sha256';
-import type CspDev from 'csp-dev';
-
-import { connectAdbutler, placeAd } from 'ui/shared/ad/adbutlerScript';
-
-export function ad(): CspDev.DirectiveDescriptor {
-  return {
-    'connect-src': [
-      'coinzilla.com',
-      '*.coinzilla.com',
-      'request-global.czilladx.com',
-      '*.slise.xyz',
-    ],
-    'frame-src': [
-      'request-global.czilladx.com',
-    ],
-    'script-src': [
-      'coinzillatag.com',
-      'servedbyadbutler.com',
-      `'sha256-${ Base64.stringify(sha256(connectAdbutler)) }'`,
-      `'sha256-${ Base64.stringify(sha256(placeAd ?? '')) }'`,
-      '*.slise.xyz',
-    ],
-    'img-src': [
-      'servedbyadbutler.com',
-      'cdn.coinzilla.io',
-    ],
-    'font-src': [
-      'request-global.czilladx.com',
-    ],
-  };
-}
diff --git a/nextjs/csp/policies/index.ts b/nextjs/csp/policies/index.ts
index 35528c3efa..6054f105d3 100644
--- a/nextjs/csp/policies/index.ts
+++ b/nextjs/csp/policies/index.ts
@@ -1,4 +1,3 @@
-export { ad } from './ad';
 export { app } from './app';
 export { cloudFlare } from './cloudFlare';
 export { googleAnalytics } from './googleAnalytics';

From 9f8d7ec328fd2476afd2c6fc5ea00c26d088995b Mon Sep 17 00:00:00 2001
From: Marc-Aurele Besner
 <82244926+marc-aurele-besner@users.noreply.github.com>
Date: Mon, 25 Sep 2023 21:46:36 -0400
Subject: [PATCH 3/3] remove all ads components and there usage

---
 ui/address/AddressDetails.tsx                 |  2 -
 ui/pages/Address.tsx                          |  2 -
 ui/pages/Block.tsx                            |  2 -
 ui/pages/Home.tsx                             |  2 -
 ui/pages/Token.tsx                            |  2 -
 ui/pages/TokenInstance.tsx                    |  2 -
 ui/pages/Transaction.tsx                      |  2 -
 ui/shared/DetailsSponsoredItem.tsx            | 43 -------------------
 ui/shared/Page/PageTitle.tsx                  |  3 +-
 ui/shared/ad/AdBanner.tsx                     |  9 ----
 ui/shared/ad/AdbutlerBanner.tsx               |  8 ----
 ui/shared/ad/CoinzillaBanner.tsx              |  9 ----
 ui/shared/ad/CoinzillaTextAd.tsx              |  8 ----
 ui/shared/ad/SliseBanner.tsx                  |  8 ----
 ui/shared/ad/TextAd.tsx                       |  8 ----
 .../searchBar/SearchBarRecentKeywords.tsx     |  8 ----
 .../SearchBarSuggest/SearchBarSuggest.tsx     |  6 ---
 ui/token/TokenDetails.tsx                     |  2 -
 ui/tokenInstance/TokenInstanceDetails.tsx     |  2 -
 ui/tx/TxDetails.tsx                           |  2 -
 20 files changed, 1 insertion(+), 129 deletions(-)
 delete mode 100644 ui/shared/DetailsSponsoredItem.tsx
 delete mode 100644 ui/shared/ad/AdBanner.tsx
 delete mode 100644 ui/shared/ad/AdbutlerBanner.tsx
 delete mode 100644 ui/shared/ad/CoinzillaBanner.tsx
 delete mode 100644 ui/shared/ad/CoinzillaTextAd.tsx
 delete mode 100644 ui/shared/ad/SliseBanner.tsx
 delete mode 100644 ui/shared/ad/TextAd.tsx

diff --git a/ui/address/AddressDetails.tsx b/ui/address/AddressDetails.tsx
index a95b1ea55b..d02e827011 100644
--- a/ui/address/AddressDetails.tsx
+++ b/ui/address/AddressDetails.tsx
@@ -13,7 +13,6 @@ import AddressCounterItem from 'ui/address/details/AddressCounterItem';
 import AddressHeadingInfo from 'ui/shared/AddressHeadingInfo';
 import DataFetchAlert from 'ui/shared/DataFetchAlert';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
-import DetailsSponsoredItem from 'ui/shared/DetailsSponsoredItem';
 import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import BlockEntity from 'ui/shared/entities/block/BlockEntity';
 import TxEntity from 'ui/shared/entities/tx/TxEntity';
@@ -213,7 +212,6 @@ const AddressDetails = ({ addressQuery, scrollRef }: Props) => {
             />
           </DetailsInfoItem>
         ) }
-        <DetailsSponsoredItem isLoading={ addressQuery.isPlaceholderData }/>
       </Grid>
     </Box>
   );
diff --git a/ui/pages/Address.tsx b/ui/pages/Address.tsx
index 4155dd8a2d..59f284dc26 100644
--- a/ui/pages/Address.tsx
+++ b/ui/pages/Address.tsx
@@ -23,7 +23,6 @@ import AddressTokens from 'ui/address/AddressTokens';
 import AddressTokenTransfers from 'ui/address/AddressTokenTransfers';
 import AddressTxs from 'ui/address/AddressTxs';
 import AddressWithdrawals from 'ui/address/AddressWithdrawals';
-import TextAd from 'ui/shared/ad/TextAd';
 import EntityTags from 'ui/shared/EntityTags';
 import NetworkExplorers from 'ui/shared/NetworkExplorers';
 import PageTitle from 'ui/shared/Page/PageTitle';
@@ -171,7 +170,6 @@ const AddressPageContent = () => {
 
   return (
     <>
-      <TextAd mb={ 6 }/>
       <PageTitle
         title={ `${ addressQuery.data?.is_contract ? 'Contract' : 'Address' } details` }
         backLink={ backLink }
diff --git a/ui/pages/Block.tsx b/ui/pages/Block.tsx
index ce509b5e17..2837cf5080 100644
--- a/ui/pages/Block.tsx
+++ b/ui/pages/Block.tsx
@@ -15,7 +15,6 @@ import { generateListStub } from 'stubs/utils';
 import { WITHDRAWAL } from 'stubs/withdrawals';
 import BlockDetails from 'ui/block/BlockDetails';
 import BlockWithdrawals from 'ui/block/BlockWithdrawals';
-import TextAd from 'ui/shared/ad/TextAd';
 import NetworkExplorers from 'ui/shared/NetworkExplorers';
 import PageTitle from 'ui/shared/Page/PageTitle';
 import Pagination from 'ui/shared/pagination/Pagination';
@@ -115,7 +114,6 @@ const BlockPageContent = () => {
 
   return (
     <>
-      <TextAd mb={ 6 }/>
       <PageTitle
         title={ title }
         backLink={ backLink }
diff --git a/ui/pages/Home.tsx b/ui/pages/Home.tsx
index 76fbc9c57d..11a2ff2fc3 100644
--- a/ui/pages/Home.tsx
+++ b/ui/pages/Home.tsx
@@ -6,7 +6,6 @@ import ChainIndicators from 'ui/home/indicators/ChainIndicators';
 import LatestBlocks from 'ui/home/LatestBlocks';
 import Stats from 'ui/home/Stats';
 import Transactions from 'ui/home/Transactions';
-import AdBanner from 'ui/shared/ad/AdBanner';
 import ProfileMenuDesktop from 'ui/snippets/profileMenu/ProfileMenuDesktop';
 import SearchBar from 'ui/snippets/searchBar/SearchBar';
 
@@ -41,7 +40,6 @@ const Home = () => {
       </Box>
       <Stats/>
       <ChainIndicators/>
-      <AdBanner mt={{ base: 6, lg: 8 }} mx="auto" display="flex" justifyContent="center"/>
       <Flex mt={ 8 } direction={{ base: 'column', lg: 'row' }} columnGap={ 12 } rowGap={ 8 }>
         <LatestBlocks/>
         <Box flexGrow={ 1 }>
diff --git a/ui/pages/Token.tsx b/ui/pages/Token.tsx
index 5502296d4a..c4ca1ce73d 100644
--- a/ui/pages/Token.tsx
+++ b/ui/pages/Token.tsx
@@ -23,7 +23,6 @@ import * as addressStubs from 'stubs/address';
 import * as tokenStubs from 'stubs/token';
 import { generateListStub } from 'stubs/utils';
 import AddressContract from 'ui/address/AddressContract';
-import TextAd from 'ui/shared/ad/TextAd';
 import * as TokenEntity from 'ui/shared/entities/token/TokenEntity';
 import EntityTags from 'ui/shared/EntityTags';
 import NetworkExplorers from 'ui/shared/NetworkExplorers';
@@ -265,7 +264,6 @@ const TokenPageContent = () => {
 
   return (
     <>
-      <TextAd mb={ 6 }/>
       <PageTitle
         title={ `${ tokenQuery.data?.name || 'Unnamed token' }${ tokenSymbolText }` }
         isLoading={ tokenQuery.isPlaceholderData }
diff --git a/ui/pages/TokenInstance.tsx b/ui/pages/TokenInstance.tsx
index cef84776f6..0960e20c62 100644
--- a/ui/pages/TokenInstance.tsx
+++ b/ui/pages/TokenInstance.tsx
@@ -14,7 +14,6 @@ import * as regexp from 'lib/regexp';
 import { TOKEN_INSTANCE } from 'stubs/token';
 import * as tokenStubs from 'stubs/token';
 import { generateListStub } from 'stubs/utils';
-import TextAd from 'ui/shared/ad/TextAd';
 import AddressHeadingInfo from 'ui/shared/AddressHeadingInfo';
 import Tag from 'ui/shared/chakra/Tag';
 import LinkExternal from 'ui/shared/LinkExternal';
@@ -168,7 +167,6 @@ const TokenInstanceContent = () => {
 
   return (
     <>
-      <TextAd mb={ 6 }/>
       <PageTitle
         title={ `${ tokenInstanceQuery.data?.token.name || 'Unnamed token' } #${ tokenInstanceQuery.data?.id }` }
         backLink={ backLink }
diff --git a/ui/pages/Transaction.tsx b/ui/pages/Transaction.tsx
index b5757fbd0f..01b66033c0 100644
--- a/ui/pages/Transaction.tsx
+++ b/ui/pages/Transaction.tsx
@@ -8,7 +8,6 @@ import { useAppContext } from 'lib/contexts/app';
 import useIsMobile from 'lib/hooks/useIsMobile';
 import getQueryParamString from 'lib/router/getQueryParamString';
 import { TX } from 'stubs/tx';
-import TextAd from 'ui/shared/ad/TextAd';
 import EntityTags from 'ui/shared/EntityTags';
 import NetworkExplorers from 'ui/shared/NetworkExplorers';
 import PageTitle from 'ui/shared/Page/PageTitle';
@@ -69,7 +68,6 @@ const TransactionPageContent = () => {
 
   return (
     <>
-      <TextAd mb={ 6 }/>
       <PageTitle
         title="Transaction details"
         backLink={ backLink }
diff --git a/ui/shared/DetailsSponsoredItem.tsx b/ui/shared/DetailsSponsoredItem.tsx
deleted file mode 100644
index 59fe6bc352..0000000000
--- a/ui/shared/DetailsSponsoredItem.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { GridItem } from '@chakra-ui/react';
-import React from 'react';
-
-import config from 'configs/app';
-import * as cookies from 'lib/cookies';
-import useIsMobile from 'lib/hooks/useIsMobile';
-import AdBanner from 'ui/shared/ad/AdBanner';
-import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
-
-const feature = config.features.adsBanner;
-
-interface Props {
-  isLoading?: boolean;
-}
-
-const DetailsSponsoredItem = ({ isLoading }: Props) => {
-  const isMobile = useIsMobile();
-  const hasAdblockCookie = cookies.get(cookies.NAMES.ADBLOCK_DETECTED);
-
-  if (!feature.isEnabled || hasAdblockCookie) {
-    return null;
-  }
-
-  if (isMobile) {
-    return (
-      <GridItem mt={ 5 }>
-        <AdBanner mx="auto" isLoading={ isLoading } display="flex" justifyContent="center"/>
-      </GridItem>
-    );
-  }
-
-  return (
-    <DetailsInfoItem
-      title="Sponsored"
-      hint="Sponsored banner advertisement"
-      isLoading={ isLoading }
-    >
-      <AdBanner isLoading={ isLoading }/>
-    </DetailsInfoItem>
-  );
-};
-
-export default React.memo(DetailsSponsoredItem);
diff --git a/ui/shared/Page/PageTitle.tsx b/ui/shared/Page/PageTitle.tsx
index 9d1879a6c5..caab1b0c10 100644
--- a/ui/shared/Page/PageTitle.tsx
+++ b/ui/shared/Page/PageTitle.tsx
@@ -4,7 +4,6 @@ import React from 'react';
 
 import eastArrowIcon from 'icons/arrows/east.svg';
 import useIsMobile from 'lib/hooks/useIsMobile';
-import TextAd from 'ui/shared/ad/TextAd';
 import LinkInternal from 'ui/shared/LinkInternal';
 
 type BackLinkProp = { label: string; url: string } | { label: string; onClick: () => void };
@@ -52,6 +51,7 @@ const BackLink = (props: BackLinkProp & { isLoading?: boolean }) => {
   );
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const PageTitle = ({ title, contentAfter, withTextAd, backLink, className, isLoading, afterTitle, beforeTitle }: Props) => {
   const tooltip = useDisclosure();
   const isMobile = useIsMobile();
@@ -140,7 +140,6 @@ const PageTitle = ({ title, contentAfter, withTextAd, backLink, className, isLoa
         { afterTitle }
       </Flex>
       { contentAfter }
-      { withTextAd && <TextAd order={{ base: -1, lg: 100 }} mb={{ base: 6, lg: 0 }} ml="auto" w={{ base: '100%', lg: 'auto' }}/> }
     </Flex>
   );
 };
diff --git a/ui/shared/ad/AdBanner.tsx b/ui/shared/ad/AdBanner.tsx
deleted file mode 100644
index 15e833231f..0000000000
--- a/ui/shared/ad/AdBanner.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const AdBanner = ({ className, isLoading }: { className?: string; isLoading?: boolean }) => {
-
-  return null;
-};
-
-export default chakra(AdBanner);
diff --git a/ui/shared/ad/AdbutlerBanner.tsx b/ui/shared/ad/AdbutlerBanner.tsx
deleted file mode 100644
index e2a4081260..0000000000
--- a/ui/shared/ad/AdbutlerBanner.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const AdbutlerBanner = ({ className }: { className?: string }) => {
-  return null;
-};
-
-export default chakra(AdbutlerBanner);
diff --git a/ui/shared/ad/CoinzillaBanner.tsx b/ui/shared/ad/CoinzillaBanner.tsx
deleted file mode 100644
index efd945bbfd..0000000000
--- a/ui/shared/ad/CoinzillaBanner.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const CoinzillaBanner = ({ className }: { className?: string }) => {
-
-  return null;
-};
-
-export default chakra(CoinzillaBanner);
diff --git a/ui/shared/ad/CoinzillaTextAd.tsx b/ui/shared/ad/CoinzillaTextAd.tsx
deleted file mode 100644
index 95cf984f1d..0000000000
--- a/ui/shared/ad/CoinzillaTextAd.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const CoinzillaTextAd = ({ className }: {className?: string}) => {
-  return null;
-};
-
-export default chakra(CoinzillaTextAd);
diff --git a/ui/shared/ad/SliseBanner.tsx b/ui/shared/ad/SliseBanner.tsx
deleted file mode 100644
index d5365366e6..0000000000
--- a/ui/shared/ad/SliseBanner.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const SliseBanner = ({ className }: { className?: string }) => {
-  return null;
-};
-
-export default chakra(SliseBanner);
diff --git a/ui/shared/ad/TextAd.tsx b/ui/shared/ad/TextAd.tsx
deleted file mode 100644
index f6dafdd4e4..0000000000
--- a/ui/shared/ad/TextAd.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const TextAd = ({ className }: {className?: string}) => {
-  return null;
-};
-
-export default chakra(TextAd);
diff --git a/ui/snippets/searchBar/SearchBarRecentKeywords.tsx b/ui/snippets/searchBar/SearchBarRecentKeywords.tsx
index 72a77fc890..6b9499b726 100644
--- a/ui/snippets/searchBar/SearchBarRecentKeywords.tsx
+++ b/ui/snippets/searchBar/SearchBarRecentKeywords.tsx
@@ -1,9 +1,7 @@
 import { Box, Flex, Link, Text, useColorModeValue } from '@chakra-ui/react';
 import React from 'react';
 
-import useIsMobile from 'lib/hooks/useIsMobile';
 import { clearRecentSearchKeywords, getRecentSearchKeywords, removeRecentSearchKeyword } from 'lib/recentSearchKeywords';
-import TextAd from 'ui/shared/ad/TextAd';
 import ClearButton from 'ui/shared/ClearButton';
 import HashStringShortenDynamic from 'ui/shared/HashStringShortenDynamic';
 
@@ -13,7 +11,6 @@ type Props = {
 }
 
 const SearchBarSuggest = ({ onClick, onClear }: Props) => {
-  const isMobile = useIsMobile();
   const bgHoverColor = useColorModeValue('blue.50', 'gray.800');
 
   const [ keywords, setKeywords ] = React.useState<Array<string>>(getRecentSearchKeywords());
@@ -43,11 +40,6 @@ const SearchBarSuggest = ({ onClick, onClear }: Props) => {
 
   return (
     <Box py={ 6 }>
-      { !isMobile && (
-        <Box pb={ 4 } mb={ 5 } borderColor="divider" borderBottomWidth="1px" _empty={{ display: 'none' }}>
-          <TextAd/>
-        </Box>
-      ) }
       <Flex mb={ 3 } justifyContent="space-between" fontSize="sm">
         <Text fontWeight={ 600 } variant="secondary">Recent</Text>
         <Link onClick={ clearKeywords }>Clear all</Link>
diff --git a/ui/snippets/searchBar/SearchBarSuggest/SearchBarSuggest.tsx b/ui/snippets/searchBar/SearchBarSuggest/SearchBarSuggest.tsx
index 68354677d7..de643bc631 100644
--- a/ui/snippets/searchBar/SearchBarSuggest/SearchBarSuggest.tsx
+++ b/ui/snippets/searchBar/SearchBarSuggest/SearchBarSuggest.tsx
@@ -9,7 +9,6 @@ import type { SearchResultItem } from 'types/api/search';
 import type { ResourceError } from 'lib/api/resources';
 import useIsMobile from 'lib/hooks/useIsMobile';
 import useMarketplaceApps from 'ui/marketplace/useMarketplaceApps';
-import TextAd from 'ui/shared/ad/TextAd';
 import ContentLoader from 'ui/shared/ContentLoader';
 import type { ApiCategory, ItemsCategoriesMap } from 'ui/shared/search/utils';
 import { getItemCategory, searchCategories } from 'ui/shared/search/utils';
@@ -152,11 +151,6 @@ const SearchBarSuggest = ({ query, searchTerm, onItemClick, containerId }: Props
 
   return (
     <Box mt={ 5 } mb={ 5 }>
-      { !isMobile && (
-        <Box pb={ 4 } mb={ 5 } borderColor="divider" borderBottomWidth="1px" _empty={{ display: 'none' }}>
-          <TextAd/>
-        </Box>
-      ) }
       { content }
     </Box>
   );
diff --git a/ui/token/TokenDetails.tsx b/ui/token/TokenDetails.tsx
index 3959e9f678..1d31556211 100644
--- a/ui/token/TokenDetails.tsx
+++ b/ui/token/TokenDetails.tsx
@@ -12,7 +12,6 @@ import getCurrencyValue from 'lib/getCurrencyValue';
 import { TOKEN_COUNTERS } from 'stubs/token';
 import type { TokenTabs } from 'ui/pages/Token';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
-import DetailsSponsoredItem from 'ui/shared/DetailsSponsoredItem';
 import TruncatedValue from 'ui/shared/TruncatedValue';
 
 interface Props {
@@ -158,7 +157,6 @@ const TokenDetails = ({ tokenQuery }: Props) => {
           </Skeleton>
         </DetailsInfoItem>
       ) }
-      <DetailsSponsoredItem isLoading={ tokenQuery.isPlaceholderData }/>
     </Grid>
   );
 };
diff --git a/ui/tokenInstance/TokenInstanceDetails.tsx b/ui/tokenInstance/TokenInstanceDetails.tsx
index 5898ba1d9a..577724fdbd 100644
--- a/ui/tokenInstance/TokenInstanceDetails.tsx
+++ b/ui/tokenInstance/TokenInstanceDetails.tsx
@@ -5,7 +5,6 @@ import type { TokenInstance } from 'types/api/token';
 
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
-import DetailsSponsoredItem from 'ui/shared/DetailsSponsoredItem';
 import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import TokenEntity from 'ui/shared/entities/token/TokenEntity';
 import HashStringShortenDynamic from 'ui/shared/HashStringShortenDynamic';
@@ -99,7 +98,6 @@ const TokenInstanceDetails = ({ data, scrollRef, isLoading }: Props) => {
       >
         <TokenInstanceMetadataInfo data={ data } isLoading={ isLoading }/>
         <TokenInstanceDivider/>
-        <DetailsSponsoredItem isLoading={ isLoading }/>
       </Grid>
     </>
   );
diff --git a/ui/tx/TxDetails.tsx b/ui/tx/TxDetails.tsx
index ef0051556b..d9f52adf53 100644
--- a/ui/tx/TxDetails.tsx
+++ b/ui/tx/TxDetails.tsx
@@ -32,7 +32,6 @@ import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import CurrencyValue from 'ui/shared/CurrencyValue';
 import DataFetchAlert from 'ui/shared/DataFetchAlert';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
-import DetailsSponsoredItem from 'ui/shared/DetailsSponsoredItem';
 import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import BlockEntity from 'ui/shared/entities/block/BlockEntity';
 import HashStringShortenDynamic from 'ui/shared/HashStringShortenDynamic';
@@ -196,7 +195,6 @@ const TxDetails = () => {
             </Skeleton>
           </DetailsInfoItem>
         ) }
-        <DetailsSponsoredItem isLoading={ isPlaceholderData }/>
 
         { divider }