Merge pull request #229 from RitzyDevBox/update-banner

updating warning banner to provide a link back to the legacy site

Author: totop716

.env

@@ -14,3 +14,4 @@ REACT_APP_TOKEN_LIST_DEFAULT_URL="https://unpkg.com/quickswap-default-token-list
 REACT_APP_STAKING_LIST_DEFAULT_URL="https://unpkg.com/quickswap-default-staking-list@latest/build/quickswap-default.lpfarms.json"
 REACT_APP_DUAL_STAKING_LIST_DEFAULT_URL="https://unpkg.com/quickswap-default-staking-list@latest/build/quickswap-default.dualfarms.json"
 REACT_APP_SYRUP_LIST_DEFAULT_URL="https://unpkg.com/quickswap-default-staking-list@latest/build/quickswap-default.syrups.json"
+REACT_APP_LEGACY_APP_URL="https://legacy.quickswap.exchange"

public/locales/en.json

@@ -242,7 +242,7 @@
   "transactionsWillAppear": "Your transactions will appear here",
   "copied": "Copied",
   "showPortis": "Show Portis",
-  "betaWarningDesc": "This site is in beta. By using this software, you understand, acknowledge and accept that Quickswap and/or the underlying software are provided “as is” and “as available” basis and without warranties or representations of any kind either expressed or implied.",
+  "betaWarningDesc": "You're on the new productions site if you'd like to use the old site please navigate to: ",
   "fiatProviders": "Fiat gateway providers",
   "buy": "Buy",
   "fiatServiceDesc": "Fiat services on Quickswap are provided by third-parties. Quickswap is not associated with, responsible or liable for the performance of these third-party services. Any claims & questions should be addressed with the selected provider.",

src/components/BetaWarningBanner/BetaWarningBanner.tsx

@@ -12,7 +12,16 @@ const BetaWarningBanner: React.FC = () => {
       {showBanner && (
         <Box className='warningBanner'>
           <AlertTriangle size={20} />
-          <span className='text-bold'>{t('betaWarningDesc')}</span>
+          <span className='text-bold'>
+            {t('betaWarningDesc')}
+            <a
+              href={process.env.REACT_APP_LEGACY_APP_URL}
+              target='_blank'
+              rel='noopener noreferrer'
+            >
+              {process.env.REACT_APP_LEGACY_APP_URL}
+            </a>
+          </span>
           <Box onClick={() => setShowBanner(false)} className='closeBanner'>
             <XCircle size={20} />
           </Box>

src/components/styles/BetaWarningBanner.scss

@@ -12,7 +12,6 @@
   padding: 8px 32px 8px 16px;
   & span {
     margin-left: 8px;
-    text-transform: uppercase;
     width: calc(100% - 32px);
     text-align: left;
   }