From 2b2357f2dd4263bab661b18441ea91a219a6eefa Mon Sep 17 00:00:00 2001
From: aizad-deriv <103104395+aizad-deriv@users.noreply.github.com>
Date: Tue, 7 Feb 2023 14:32:05 +0800
Subject: [PATCH] Aizad/87647/open real dialog issue (#7504)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: fix sizing dialog for real account required on appstore

* fix: remove console.logs 😅

* fix: remove unused prop types
---
 .../Modals/deriv-real-account-required-modal.jsx  |  7 ++++++-
 .../Modals/deriv-real-account-required-modal.scss | 15 +++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.scss

diff --git a/packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.jsx b/packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.jsx
index 511819fb5e79..9f556ea86c34 100644
--- a/packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.jsx
+++ b/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);
diff --git a/packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.scss b/packages/core/src/App/Components/Elements/Modals/deriv-real-account-required-modal.scss
new file mode 100644
index 000000000000..49d5ae38ada1
--- /dev/null
+++ b/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;
+            }
+        }
+    }
+}