chore: initial text updates to economy pages

netlify.toml

@@ -1,43 +1,42 @@
 [[redirects]]
-  from = "/timeline/"
-  to = "/roadmap/"
+from = "/timeline/"
+to = "/roadmap/"
 
-  [[plugins]]
+[[plugins]]
 package = "netlify-plugin-checklinks"
 
-  [plugins.inputs]
-  # An array of glob patterns for pages on your site
-  # Recursive traversal will start from these
-  entryPoints = [
-    "*.html",
-  ]
-
-  # Recurse through all the links and asset references on your page, starting
-  # at the entrypoints
-  recursive = true
-
-  # Checklinks outputs TAP (https://testanything.org/tap-version-13-specification.html)
-  # by default. Enabling pretty mode makes the output easier on the eyes.
-  pretty = true
-
-  # You can mark some check as skipped, which will block checklinks
-  # from ever attempting to execute them.
-  # skipPatterns is an array of strings you can match against failing reports
-  skipPatterns = [
-    "https://riot.im/app/#/room/#safenetwork:matrix.org",
-    "https://twitter.com/safenetworktech",
-    "https://global.bittrex.com/Market/Index?MarketName=BTC-MAID"
-  ]
+[plugins.inputs]
+# An array of glob patterns for pages on your site
+# Recursive traversal will start from these
+entryPoints = ["*.html"]
 
-  # You can mark some check as todo, which will execute the check, but allow failures.
-  # todoPatterns is an array of strings you can match against failing reports
-  todoPatterns = []
+# Recurse through all the links and asset references on your page, starting
+# at the entrypoints
+recursive = true
 
-  # Report on all broken links to external pages.
-  # Enabling this will make your tests more brittle, since you can't control
-  # external pages.
-  checkExternal = true
+# Checklinks outputs TAP (https://testanything.org/tap-version-13-specification.html)
+# by default. Enabling pretty mode makes the output easier on the eyes.
+pretty = true
 
-  # Enable to check references to source maps, source map sources etc.
-  # Many build tools don't emit working references, so this is disabled by default
-  followSourceMaps = false
+# You can mark some check as skipped, which will block checklinks
+# from ever attempting to execute them.
+# skipPatterns is an array of strings you can match against failing reports
+skipPatterns = [
+    "https://riot.im/app/#/room/#safenetwork:matrix.org",
+    "https://twitter.com/safenetworktech",
+    "https://global.bittrex.com/Market/Index?MarketName=BTC-MAID",
+    "https://info.uniswap.org/#/pools/0x35593881b7723b39a5bdbcb421e55c1ff1953f4b",
+]
+
+# You can mark some check as todo, which will execute the check, but allow failures.
+# todoPatterns is an array of strings you can match against failing reports
+todoPatterns = []
+
+# Report on all broken links to external pages.
+# Enabling this will make your tests more brittle, since you can't control
+# external pages.
+checkExternal = true
+
+# Enable to check references to source maps, source map sources etc.
+# Many build tools don't emit working references, so this is disabled by default
+followSourceMaps = false

src/pages/Economy/Economy.js

@@ -1,36 +1,32 @@
-import React from 'react'
+import React from "react";
 
-import Button from 'components/Button'
-import TextSnippet from 'components/TextSnippet'
-import UnderlinedLink from 'components/UnderlinedLink'
-import QASection from 'components/QASection'
-import Banner from './Banner'
-import BGVideo from 'components/BGVideo'
-import { prefixClassName, genRandomKey, openLink } from 'utils'
-import content from './content'
-import CONSTANTS from 'constant'
+import Button from "components/Button";
+import TextSnippet from "components/TextSnippet";
+import UnderlinedLink from "components/UnderlinedLink";
+import QASection from "components/QASection";
+import Banner from "./Banner";
+import BGVideo from "components/BGVideo";
+import { prefixClassName, genRandomKey, openLink } from "utils";
+import content from "./content";
+import CONSTANTS from "constant";
 
-import sparkThin2 from 'assets/videos/spark_2_thin.mp4'
-import sparkThin2Web from 'assets/videos/spark_2_thin.webm'
+import sparkThin2 from "assets/videos/spark_2_thin.mp4";
+import sparkThin2Web from "assets/videos/spark_2_thin.webm";
 
-import Bittrex from 'assets/images/exchange_bittrex.png'
-import Hitbtc from 'assets/images/exchange_hitbtc.png'
-import P2PB2B from 'assets/images/exchange_p2pb2b.png'
-import BCBitcoin from 'assets/images/brokers_bcbitcoin.jpg'
+import BitMart from "assets/images/exchange_bitmart.png";
+import UniSwap from "assets/images/exchange_uniswap.png";
 
-import SafeCoinPoster from 'assets/images/earn-poster.jpg'
+import SafeCoinPoster from "assets/images/earn-poster.jpg";
 
-import './safeCoin.sass'
+import "./safeCoin.sass";
 
-const baseClassName = 'SafeCoin'
-const cn = prefixClassName(baseClassName)
+const baseClassName = "SafeCoin";
+const cn = prefixClassName(baseClassName);
 
 const EXCHANGE_IMGS = {
-  Bittrex: Bittrex,
-  HitBTC: Hitbtc,
-  P2PB2B: P2PB2B,
-  BCBitcoin: BCBitcoin
-}
+  BitMart: BitMart,
+  UniSwap: UniSwap,
+};
 
 const SafeCoin = () => {
   const {
@@ -43,92 +39,124 @@ const SafeCoin = () => {
     textBlock6,
     exchanges,
     faqs,
-    video
-  } = content
+    video,
+  } = content;
 
-  const { sections: faqSections = [] } = faqs
+  const { sections: faqSections = [] } = faqs;
 
   return (
     <section className={baseClassName}>
-      <div className={cn('wrap')}>
+      <div className={cn("wrap")}>
         <Banner content={banner} />
-        <div className={cn('textBlocks')}>
-          <div className={cn('textBlocksWrap')}>
-            <div className={cn('video')}>
+        <div className={cn("textBlocks")}>
+          <div className={cn("textBlocksWrap")}>
+            <div className={cn("video")}>
               <figure>
                 <video
                   tabIndex="-1"
                   poster={SafeCoinPoster}
-                  controls="controls">
-                  <source src={CONSTANTS.videoLinks.security.mp4} type="video/mp4" />
-                  <source src={CONSTANTS.videoLinks.security.ogv} type="video/ogg" />
-                  <source src={CONSTANTS.videoLinks.security.webm} type="video/webm" />
+                  controls="controls"
+                >
+                  <source
+                    src={CONSTANTS.videoLinks.security.mp4}
+                    type="video/mp4"
+                  />
+                  <source
+                    src={CONSTANTS.videoLinks.security.ogv}
+                    type="video/ogg"
+                  />
+                  <source
+                    src={CONSTANTS.videoLinks.security.webm}
+                    type="video/webm"
+                  />
                 </video>
                 <figcaption>{video.caption}</figcaption>
               </figure>
             </div>
-            <div className={cn('textBlock1')}>
-              <TextSnippet title={textBlock1.title} titleSize="H2" text={textBlock1.para} />
+            <div className={cn("textBlock1")}>
+              <TextSnippet
+                title={textBlock1.title}
+                titleSize="H2"
+                text={textBlock1.para}
+              />
             </div>
-            <div className={cn('textBlock2')}>
-              <TextSnippet title={textBlock2.title} titleSize="H2" text={textBlock2.para} />
+            <div className={cn("textBlock2")}>
+              <TextSnippet
+                title={textBlock2.title}
+                titleSize="H2"
+                text={textBlock2.para}
+              />
               <div className="CTA">
-                <Button className="icon external" onClick={() => {
-                  openLink(textBlock2.CTA.url, true)
-                }}>{textBlock2.CTA.name}</Button>
+                <Button
+                  className="icon external"
+                  onClick={() => {
+                    openLink(textBlock2.CTA.url, true);
+                  }}
+                >
+                  {textBlock2.CTA.name}
+                </Button>
               </div>
             </div>
-            <div className={cn('textBlock3')}>
+            <div className={cn("textBlock3")}>
               <TextSnippet title={textBlock3.title} text={textBlock3.para} />
             </div>
-            <div className={cn('textBlock4')}>
+            <div className={cn("textBlock4")}>
               <TextSnippet title={textBlock4.title} text={textBlock4.para} />
-              <UnderlinedLink url={textBlock4.CTA.url}>{textBlock4.CTA.name}</UnderlinedLink>
+              <UnderlinedLink url={textBlock4.CTA.url}>
+                {textBlock4.CTA.name}
+              </UnderlinedLink>
             </div>
-            <div className={cn('textBlock5')}>
-              <TextSnippet title={textBlock5.title} titleSize="H2" text={textBlock5.para} />
+            <div className={cn("textBlock5")}>
+              <TextSnippet
+                title={textBlock5.title}
+                titleSize="H2"
+                text={textBlock5.para}
+              />
             </div>
-            <div className={cn('textBlock6')}>
+            <div className={cn("textBlock6")}>
               <TextSnippet title={textBlock6.title} text={textBlock6.para} />
-              <div className={cn('exchange')}>
-                  {
-                    exchanges.map(ex => (
-                      <div key={genRandomKey()} className={cn('exchangeItem')}>
-                        <figure>
-                          <a href={ex.url} target="_blank" rel="noreferrer">
-                            <img src={EXCHANGE_IMGS[ex.name]} />
-                            <figcaption>{ex.name}</figcaption>
-                          </a>
-                        </figure>
-                      </div>
-                    ))
-                  }
+              <div className={cn("exchange")}>
+                {exchanges.map((ex) => (
+                  <div key={genRandomKey()} className={cn("exchangeItem")}>
+                    <figure>
+                      <a href={ex.url} target="_blank" rel="noreferrer">
+                        <img src={EXCHANGE_IMGS[ex.name]} />
+                        <figcaption>{ex.name}</figcaption>
+                      </a>
+                    </figure>
+                  </div>
+                ))}
               </div>
             </div>
-            <div className={cn('faq')}>
-              <div className={cn('faqWrap')}>
-                {
-                  faqSections.map(section => <QASection key={genRandomKey()} content={section} />)
-                }
-                <div className={cn('more')}>
-                  <div className={cn('cta')}>
-                    <Button className="hollow" onClick={() => {
-                      openLink(faqs.CTA.url)
-                    }}>{faqs.CTA.name}</Button>
+            <div className={cn("faq")}>
+              <div className={cn("faqWrap")}>
+                {faqSections.map((section) => (
+                  <QASection key={genRandomKey()} content={section} />
+                ))}
+                <div className={cn("more")}>
+                  <div className={cn("cta")}>
+                    <Button
+                      className="hollow"
+                      onClick={() => {
+                        openLink(faqs.CTA.url);
+                      }}
+                    >
+                      {faqs.CTA.name}
+                    </Button>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-          <div className={cn('bgVideo')}>
-            <BGVideo src={sparkThin2} webmSrc={sparkThin2Web} height={'30px'} />
+          <div className={cn("bgVideo")}>
+            <BGVideo src={sparkThin2} webmSrc={sparkThin2Web} height={"30px"} />
           </div>
-          <div className={cn('bgDark')}></div>
-          <div className={cn('buySafeCoinBg')}></div>
+          <div className={cn("bgDark")}></div>
+          <div className={cn("buySafeCoinBg")}></div>
         </div>
       </div>
     </section>
-  )
-}
+  );
+};
 
-export default SafeCoin
+export default SafeCoin;