From 3e5a037444c5d10daedc40397f5f44fdc0ac4a7d Mon Sep 17 00:00:00 2001
From: enesozturk <enesozturk.d@gmail.com>
Date: Fri, 26 Jan 2024 20:14:29 +0300
Subject: [PATCH] refactor: remove soundwaves banner

---
 .../general/LaunchBanner/LaunchBanner.scss    | 40 -----------------
 src/components/general/LaunchBanner/index.tsx | 43 -------------------
 src/constants/localStorage.ts                 |  3 +-
 src/main.tsx                                  |  2 -
 4 files changed, 1 insertion(+), 87 deletions(-)
 delete mode 100644 src/components/general/LaunchBanner/LaunchBanner.scss
 delete mode 100644 src/components/general/LaunchBanner/index.tsx

diff --git a/src/components/general/LaunchBanner/LaunchBanner.scss b/src/components/general/LaunchBanner/LaunchBanner.scss
deleted file mode 100644
index bf39d50a..00000000
--- a/src/components/general/LaunchBanner/LaunchBanner.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.LaunchBanner {
-  span {
-    text-align: center;
-  }
-
-  &__terms,
-  &__learn-more {
-    text-decoration: none;
-  }
-
-  &__terms {
-    color: rgba(255, 255, 255, 0.6);
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  &__learn-more {
-    margin-left: 0.5rem;
-    color: white;
-    display: inline-block;
-
-    &:hover {
-      text-decoration: underline;
-    }
-
-    svg {
-      color: white;
-      display: inline-block;
-      margin-left: 0.25rem;
-      margin-top: 0.0125rem;
-      transition: margin-left 0.3s ease-in-out;
-    }
-
-    &:hover svg {
-      margin-left: 0.5rem;
-    }
-  }
-}
diff --git a/src/components/general/LaunchBanner/index.tsx b/src/components/general/LaunchBanner/index.tsx
deleted file mode 100644
index 1fb85259..00000000
--- a/src/components/general/LaunchBanner/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useState } from 'react'
-
-import { Link } from 'react-router-dom'
-
-import Banner from '@/components/general/Banner'
-import ChevronRightIcon from '@/components/general/Icon/ChevronRightIcon'
-import { localStorageKeys } from '@/constants/localStorage'
-import { LocalStorage } from '@/utils/localStorage'
-
-import './LaunchBanner.scss'
-
-const LAUNCH_BANNER_URL = 'https://walletconnect.com/blog/introducing-web3inbox-app'
-const LAUNCH_BANNER_TERMS_URL = 'https://web3inbox.com/terms-soundwaves'
-
-const isBannerClosed = LocalStorage.get(localStorageKeys.launchBannerClosed) === 'true'
-
-export default function LaunchBanner() {
-  const [closed, setClosed] = useState(isBannerClosed)
-
-  if (closed) {
-    return null
-  }
-
-  function handleCloseBanner() {
-    setClosed(true)
-    localStorage.setItem(localStorageKeys.launchBannerClosed, 'true')
-  }
-
-  return (
-    <Banner className="LaunchBanner" onClose={handleCloseBanner}>
-      The Web3Inbox app is live! Subscribe to Web3Inbox to get your Soundwaves NFT airdrop.{' '}
-      <Link className="LaunchBanner__terms" to={LAUNCH_BANNER_TERMS_URL} target="_blank">
-        <span>T&Cs apply.</span>
-      </Link>{' '}
-      <Link className="LaunchBanner__learn-more" to={LAUNCH_BANNER_URL} target="_blank">
-        <span>
-          Learn more
-          <ChevronRightIcon />
-        </span>
-      </Link>
-    </Banner>
-  )
-}
diff --git a/src/constants/localStorage.ts b/src/constants/localStorage.ts
index 7ce06f5d..9b1af607 100644
--- a/src/constants/localStorage.ts
+++ b/src/constants/localStorage.ts
@@ -1,4 +1,3 @@
 export const localStorageKeys = {
-  notificationModalClosed: 'w3i:notification_modal_closed',
-  launchBannerClosed: 'w3i:launch_banner_closed'
+  notificationModalClosed: 'w3i:notification_modal_closed'
 }
diff --git a/src/main.tsx b/src/main.tsx
index 3befc930..c50b86a3 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -6,7 +6,6 @@ import { BrowserRouter } from 'react-router-dom'
 import { WagmiConfig } from 'wagmi'
 import { arbitrum, avalanche, bsc, mainnet, polygon } from 'wagmi/chains'
 
-import LaunchBanner from '@/components/general/LaunchBanner'
 import { PRIVACY_POLICY_URL, TERMS_OF_SERVICE_URL } from '@/constants/web3Modal'
 import SettingsContextProvider from '@/contexts/SettingsContext'
 import W3iContextProvider from '@/contexts/W3iContext'
@@ -50,7 +49,6 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
       <SettingsContextProvider>
         <BrowserRouter>
           <W3iContextProvider>
-            <LaunchBanner />
             <ConfiguredRoutes />
             <Modals />
           </W3iContextProvider>