[WALL] Sergei / wall 2625 / iOS success modal (deriv-com#11461)

* feat: change 100vh to 100dvh for mobile modal * chore: removed responsive root * chore: removed test changes * chore: updated modal provider settings * chore: refactor prop names * chore: revert removal default root id prop * chore: added todos and expose setmodaloptions * chore: removed unused imports * fix: used svh instead of vh for responsive * chore: reverted svh unit * feat: change back * feat: change modal container and add shouldHideDerivAppHeader prop --------- Co-authored-by: adrienne-rio <[email protected]>
heorhi-deriv · Nov 20, 2023 · dd15329 · dd15329
1 parent bd85eed
commit dd15329
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/wallets/src/components/Base/ModalStepWrapper/ModalStepWrapper.scss b/packages/wallets/src/components/Base/ModalStepWrapper/ModalStepWrapper.scss
@@ -11,7 +11,7 @@
         grid-template-rows: 6rem auto;
 
         &--hide-deriv-app-header {
-            height: 100vh;
+            height: 100svh;
         }
 
         &--fixed-footer {

diff --git a/packages/wallets/src/components/DerivAppsSection/DerivAppsGetAccount.tsx b/packages/wallets/src/components/DerivAppsSection/DerivAppsGetAccount.tsx
@@ -23,6 +23,7 @@ const DerivAppsGetAccount: React.FC = () => {
         show(
             <ModalStepWrapper
                 renderFooter={isDesktop ? undefined : () => <DerivAppsSuccessFooter />}
+                shouldHideDerivAppHeader
                 shouldHideHeader={isDesktop}
             >
                 <CFDSuccess
@@ -31,7 +32,10 @@ const DerivAppsGetAccount: React.FC = () => {
                     renderButton={() => <DerivAppsSuccessFooter />}
                     title={`Your Deriv Apps (${landingCompanyName}) account is ready`}
                 />
-            </ModalStepWrapper>
+            </ModalStepWrapper>,
+            {
+                defaultRootId: 'wallets_modal_root',
+            }
         );
     }, [activeWallet?.display_balance, activeWallet?.wallet_currency_type, isDesktop, landingCompanyName, show]);