feat: added content change in banner

deriv-com · Jun 26, 2024 · ffcb783 · ffcb783
1 parent 477b16a
commit ffcb783
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/public/images/ic-megaphone.svg b/public/images/ic-megaphone.svg
diff --git a/src/components/Banner/fixed-dbot-banner.jsx b/src/components/Banner/fixed-dbot-banner.jsx
@@ -6,13 +6,16 @@ import './fixed-dbot-banner.scss';
 const FixedDbotBanner = () => (
     <div className='fixed-banner__container'>
         <div className='fixed-banner__content'>
-            <div className='fixed-banner__icon-info icon-info'></div>
+            <img className='fixed-banner__icon' alt='move to deriv' src='/public/images/ic-megaphone.svg' />
             <div>
-                <span>{translate('For improved features and an overall better performance, ')}</span>
+                <span>
+                    <strong>{translate('Important: ')}</strong>
+                </span>
+                <span>{translate('Binary Bot will be discontinued soon. ')}</span>
                 <a className='fixed-banner__visit-deriv-bot' href='#' onClick={visitDerivBot}>
-                    {translate('switch to Deriv Bot')}
+                    {translate('Upgrade to Deriv Bot')}
                 </a>
-                <span>{translate(' now.')}</span>
+                <span>{translate(' to continue trading.')}</span>
             </div>
         </div>
     </div>

diff --git a/src/components/Banner/fixed-dbot-banner.scss b/src/components/Banner/fixed-dbot-banner.scss
@@ -7,7 +7,7 @@
         justify-content: center;
         background-color: #ffeabf;
         height: 56px;
-
+        font-size: var(--font-size-s);
         @include mobile {
             height: unset;
         }
@@ -37,10 +37,8 @@
         }
     }
 
-    &__icon-info {
+    &__icon {
         margin-right: 0.5rem;
-        font-size: 1.4rem;
-        transform: rotate(180deg);
     }
 }