From 94cf27b8e02b11d312f50702debf04a517ab9a90 Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Tue, 10 Sep 2024 17:11:19 +0400
Subject: [PATCH 1/4] chore: empty commit


From 2f806b33c4d6565bbc7219953ed5eff386973ba4 Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Tue, 10 Sep 2024 17:55:08 +0400
Subject: [PATCH 2/4] fix: height issue

---
 src/pages/buy-sell/screens/BuySell/BuySell.scss | 5 +++++
 src/pages/buy-sell/screens/BuySell/BuySell.tsx  | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/buy-sell/screens/BuySell/BuySell.scss b/src/pages/buy-sell/screens/BuySell/BuySell.scss
index a5c7410a..59fcd8b2 100644
--- a/src/pages/buy-sell/screens/BuySell/BuySell.scss
+++ b/src/pages/buy-sell/screens/BuySell/BuySell.scss
@@ -1,5 +1,10 @@
 .buy-sell {
     height: 100%;
+
+    &--not-verified {
+        overflow-y: auto;
+        height: calc(100% - 11rem);
+    }
     & .buy-sell-table {
         & .table {
             @include mobile-or-tablet-screen {
diff --git a/src/pages/buy-sell/screens/BuySell/BuySell.tsx b/src/pages/buy-sell/screens/BuySell/BuySell.tsx
index 23ae112b..35cb0b92 100644
--- a/src/pages/buy-sell/screens/BuySell/BuySell.tsx
+++ b/src/pages/buy-sell/screens/BuySell/BuySell.tsx
@@ -16,14 +16,14 @@ const BuySell = () => {
 
     if (poiPoaVerified === 'false') {
         return (
-            <>
+            <div className='buy-sell--not-verified'>
                 <PageReturn
                     onClick={() => history.replace({ pathname: BUY_SELL_URL, search: '' })}
                     pageTitle={localize('Verification')}
                     weight='bold'
                 />
                 <Verification />
-            </>
+            </div>
         );
     }
 

From d6e0ac41322b9aa46a1d059c9bae0303699346e1 Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Wed, 11 Sep 2024 10:23:49 +0400
Subject: [PATCH 3/4] fix: height issue when no ads

---
 .../BuySellTableRenderer.tsx                  | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/pages/buy-sell/screens/BuySellTable/BuySellTableRenderer/BuySellTableRenderer.tsx b/src/pages/buy-sell/screens/BuySellTable/BuySellTableRenderer/BuySellTableRenderer.tsx
index 976cfc05..a9a3964f 100644
--- a/src/pages/buy-sell/screens/BuySellTable/BuySellTableRenderer/BuySellTableRenderer.tsx
+++ b/src/pages/buy-sell/screens/BuySellTable/BuySellTableRenderer/BuySellTableRenderer.tsx
@@ -41,30 +41,32 @@ const BuySellTableRenderer = ({
 
     if ((!data && !searchValue) || (data.length === 0 && !searchValue)) {
         return (
-            <div className='mt-[5.5rem] lg:mt-10'>
-                <ActionScreen
-                    actionButtons={
-                        <Button
-                            disabled={isAdvertiserBarred}
-                            onClick={() => history.push(MY_ADS_URL)}
-                            size='lg'
-                            textSize={isMobile ? 'md' : 'sm'}
-                        >
-                            <Localize i18n_default_text='Create ad' />
-                        </Button>
-                    }
-                    description={
-                        <Text align='center' as='div' className='w-[32rem] md:w-full'>
-                            <Localize i18n_default_text='Looking to buy or sell USD? You can post your own ad for others to respond.' />
-                        </Text>
-                    }
-                    icon={<DerivLightIcCashierNoAdsIcon height='128px' width='128px' />}
-                    title={
-                        <Text weight='bold'>
-                            <Localize i18n_default_text='No ads for this currency 😞' />
-                        </Text>
-                    }
-                />
+            <div className='h-[calc(100%-26rem)] overflow-y-auto'>
+                <div className='mt-[5.5rem] lg:mt-10 mb-16'>
+                    <ActionScreen
+                        actionButtons={
+                            <Button
+                                disabled={isAdvertiserBarred}
+                                onClick={() => history.push(MY_ADS_URL)}
+                                size='lg'
+                                textSize={isMobile ? 'md' : 'sm'}
+                            >
+                                <Localize i18n_default_text='Create ad' />
+                            </Button>
+                        }
+                        description={
+                            <Text align='center' as='div' className='w-[32rem] md:w-full'>
+                                <Localize i18n_default_text='Looking to buy or sell USD? You can post your own ad for others to respond.' />
+                            </Text>
+                        }
+                        icon={<DerivLightIcCashierNoAdsIcon height='128px' width='128px' />}
+                        title={
+                            <Text weight='bold'>
+                                <Localize i18n_default_text='No ads for this currency 😞' />
+                            </Text>
+                        }
+                    />
+                </div>
             </div>
         );
     }

From 64854256d5dc78df53b9d411b946c015182bd53e Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Wed, 11 Sep 2024 11:02:25 +0400
Subject: [PATCH 4/4] fix: height issue for verificatio in myads, myprofile

---
 src/pages/my-ads/screens/MyAds/MyAds.tsx             | 7 ++++++-
 src/pages/my-profile/screens/MyProfile/MyProfile.tsx | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/pages/my-ads/screens/MyAds/MyAds.tsx b/src/pages/my-ads/screens/MyAds/MyAds.tsx
index d7720417..d8e22eb2 100644
--- a/src/pages/my-ads/screens/MyAds/MyAds.tsx
+++ b/src/pages/my-ads/screens/MyAds/MyAds.tsx
@@ -7,7 +7,12 @@ const MyAds = () => {
     const { data } = usePoiPoaStatus();
     const { isPoaVerified, isPoiVerified } = data || {};
 
-    if (!isPoaVerified || !isPoiVerified) return <Verification />;
+    if (!isPoaVerified || !isPoiVerified)
+        return (
+            <div className='overflow-y-auto h-[calc(100%-11rem)]'>
+                <Verification />;
+            </div>
+        );
 
     return (
         <div className='flex flex-col h-full'>
diff --git a/src/pages/my-profile/screens/MyProfile/MyProfile.tsx b/src/pages/my-profile/screens/MyProfile/MyProfile.tsx
index 649908d6..4aa9911e 100644
--- a/src/pages/my-profile/screens/MyProfile/MyProfile.tsx
+++ b/src/pages/my-profile/screens/MyProfile/MyProfile.tsx
@@ -50,7 +50,11 @@ const MyProfile = () => {
     }
 
     if (!isPoiVerified || !isPoaVerified) {
-        return <Verification />;
+        return (
+            <div className='overflow-y-auto h-[calc(100%-11rem)]'>
+                <Verification />
+            </div>
+        );
     }
 
     if (!isDesktop) {