Aizad/87647/open real dialog issue

packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.jsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { Dialog } from '@deriv/components';
 import { localize } from '@deriv/translations';
 import { connect } from 'Stores/connect';
+import './deriv-real-account-required-modal.scss';
 
 const DerivRealAccountRequiredModal = ({
     is_open,
@@ -11,6 +12,7 @@ const DerivRealAccountRequiredModal = ({
     enableApp,
     openRealAccountSignup,
     is_eu_user,
+    is_pre_appstore,
 }) => {
     const createAccount = () => {
         if (is_eu_user) {
@@ -24,6 +26,7 @@ const DerivRealAccountRequiredModal = ({
 
     return (
         <Dialog
+            className={is_pre_appstore && 'open-real-account-dialog'}
             title={localize('You’ll need a Deriv account')}
             confirm_button_text={localize('Add Deriv Account')}
             onConfirm={createAccount}
@@ -47,13 +50,15 @@ DerivRealAccountRequiredModal.propTypes = {
     enableApp: PropTypes.func,
     openRealAccountSignup: PropTypes.func,
     is_eu_user: PropTypes.string,
+    is_pre_appstore: PropTypes.bool,
 };
 
-export default connect(({ ui, traders_hub }) => ({
+export default connect(({ ui, traders_hub, client }) => ({
     is_open: ui.is_deriv_account_needed_modal_visible,
     onClose: ui.openDerivRealAccountNeededModal,
     disableApp: ui.disableApp,
     enableApp: ui.enableApp,
     openRealAccountSignup: ui.openRealAccountSignup,
     is_eu_user: traders_hub.is_eu_user,
+    is_pre_appstore: client.is_pre_appstore,
 }))(DerivRealAccountRequiredModal);

packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.scss

@@ -0,0 +1,15 @@
+.open-real-account-dialog {
+    @include mobile {
+        .dc-dialog {
+            &__dialog {
+                max-width: 32rem;
+            }
+            &__content {
+                font-size: 1.2rem;
+            }
+            &__button {
+                font-size: 1.2rem;
+            }
+        }
+    }
+}