From 5c3a03806fb0f05474bcf3bbf26adcf62276d106 Mon Sep 17 00:00:00 2001
From: Jim Daniels Wasswa <104334373+jim-deriv@users.noreply.github.com>
Date: Mon, 4 Nov 2024 21:50:40 +0800
Subject: [PATCH] chore: add disclaimer (#17356)

---
 .../wallets-upgrade-modal/wallets-upgrade-modal.scss       | 7 +++++++
 .../modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx | 6 ++++++
 2 files changed, 13 insertions(+)

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
index 85dcafd448ed..efa746cc6b9d 100644
--- 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
index 250a61877887..6bbe3e7bd3a5 100644
--- 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({