chore: add disclaimer (deriv-com#17356)

likhith-deriv · Nov 4, 2024 · 5c3a038 · 5c3a038
1 parent f3474eb
commit 5c3a038
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.scss b/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.scss
@@ -53,6 +53,13 @@
         gap: 0.8rem;
     }
 
+    &__disclaimer {
+        width: 100%;
+        &-message {
+            line-height: 2.2rem;
+        }
+    }
+
     &__footer {
         &--mobile {
             text-align: center;

diff --git a/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx b/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx
@@ -5,6 +5,7 @@ import { Button, Text, Modal, VideoPlayer } from '@deriv/components';
 import { localize, Localize } from '@deriv/translations';
 import { observer, useStore } from '@deriv/stores';
 import { useWalletMigration } from '@deriv/hooks';
+import { SectionMessage } from '@deriv-com/ui';
 import {
     getWalletMigrationVideoTranslations,
     WALLET_MIGRATION_VIDEO_TRANSLATIONS,
@@ -91,6 +92,11 @@ const WalletsUpgradeModal = observer(() => {
                             />
                         </Text>
                     </div>
+                    <SectionMessage variant='info' className='wallets-upgrade-modal__disclaimer'>
+                        <Text size='xs' className='wallets-upgrade-modal__disclaimer-message'>
+                            <Localize i18n_default_text='Deriv P2P and Payment Agent services are currently unavailable for Wallets.' />
+                        </Text>
+                    </SectionMessage>
                 </div>
                 <div
                     className={classNames({