Add caution message

horizontalsystems · Jan 5, 2024 · 55e8c9a · 55e8c9a · Ngocanhdndn · Jan 28, 2024
1 parent ce469fc
commit 55e8c9a
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/public/images/icon/caution.svg b/public/images/icon/caution.svg
diff --git a/src/components/Banner/Banner.js b/src/components/Banner/Banner.js
@@ -1,12 +1,19 @@
 import Container from '../Container'
 import GetWalletActions from '../GetWallet/GetWalletActions'
+import Icon from '../Icon'
 
 import './Banner.scss'
 
 function Banner() {
   return (
     <Container clipped={false}>
       <div className="Banner">
+        <div className="Caution">
+          <Icon name="caution" />
+          <span className="ms-2">
+            Beware: Scammers are currently using the name Unstoppable Wallet on Telegram
+          </span>
+        </div>
         <img className="Banner-img-gradient Banner-img-gradient-top" src="/images/banner/gradient-main.svg" alt="" />
         <div className="Banner-start">
           <img

diff --git a/src/components/Banner/Banner.scss b/src/components/Banner/Banner.scss
@@ -1,5 +1,14 @@
 @import "../../scss/utils";
 
+.Caution {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  text-align: center;
+  color: $red
+}
+
 .Banner {
   display: flex;
   margin-top: 80px;

diff --git a/src/components/Icon/Icon.js b/src/components/Icon/Icon.js
@@ -16,6 +16,8 @@ const iconComponent = name => {
       return image('/images/icon/arrow-down.svg')
     case 'arrow-up':
       return image('/images/icon/arrow-up.svg')
+    case 'caution':
+      return image('/images/icon/caution.svg')
 
     //  Buttons
     case 'google-play':