Merge pull request #73 from nada-deriv/nada/P2PS-1915/alignment-issue

fix: issue with alignment of footer buttons
farrah-deriv · Nov 15, 2023 · a5520cf · a5520cf
2 parents 9f63766 + 4fb655e
commit a5520cf
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 35 deletions.
diff --git a/packages/p2p/src/components/modal-manager/modals/my-ads-floating-rate-switch-modal/index.ts b/packages/p2p/src/components/modal-manager/modals/my-ads-floating-rate-switch-modal/index.ts
@@ -1,3 +1,4 @@
 import MyAdsFloatingRateSwitchModal from './my-ads-floating-rate-switch-modal';
+import './my-ads-floating-rate-switch-modal.scss';
 
 export default MyAdsFloatingRateSwitchModal;
diff --git a/...l-manager/modals/my-ads-floating-rate-switch-modal/my-ads-floating-rate-switch-modal.scss b/...l-manager/modals/my-ads-floating-rate-switch-modal/my-ads-floating-rate-switch-modal.scss
@@ -1,4 +1,4 @@
-.my-ads-floating-rate-switch-modal {
+.dc-modal__container_my-ads-floating-rate-switch-modal {
     @include mobile {
         min-width: 328px !important;
     }

diff --git a/...al-manager/modals/my-ads-floating-rate-switch-modal/my-ads-floating-rate-switch-modal.tsx b/...al-manager/modals/my-ads-floating-rate-switch-modal/my-ads-floating-rate-switch-modal.tsx
@@ -13,40 +13,38 @@ const MyAdsFloatingRateSwitchModal = () => {
     const { selected_ad_type, toggleMyAdsRateSwitchModal } = my_ads_store;
 
     return (
-        <React.Fragment>
-            <Modal is_open={is_modal_open} toggleModal={hideModal} small className='my-ads-floating-rate-switch-modal'>
-                <Modal.Body>
-                    {rate_type === ad_type.FLOAT ? (
-                        <Localize i18n_default_text='Set a floating rate for your ad.' />
-                    ) : (
-                        <Localize i18n_default_text='Set a fixed rate for your ad.' />
-                    )}
-                </Modal.Body>
-                <Modal.Footer>
-                    <Button.Group>
-                        <Button
-                            secondary
-                            type='button'
-                            onClick={() => toggleMyAdsRateSwitchModal(selected_ad_type, !reached_target_date)}
-                            large
-                        >
-                            {reached_target_date ? (
-                                <Localize i18n_default_text='Cancel' />
-                            ) : (
-                                <Localize i18n_default_text="I'll do this later" />
-                            )}
-                        </Button>
-                        <Button primary large onClick={() => toggleMyAdsRateSwitchModal(rate_type, true)}>
-                            {rate_type === ad_type.FLOAT ? (
-                                <Localize i18n_default_text='Set floating rate' />
-                            ) : (
-                                <Localize i18n_default_text='Set fixed rate' />
-                            )}
-                        </Button>
-                    </Button.Group>
-                </Modal.Footer>
-            </Modal>
-        </React.Fragment>
+        <Modal is_open={is_modal_open} toggleModal={hideModal} small className='my-ads-floating-rate-switch-modal'>
+            <Modal.Body>
+                {rate_type === ad_type.FLOAT ? (
+                    <Localize i18n_default_text='Set a floating rate for your ad.' />
+                ) : (
+                    <Localize i18n_default_text='Set a fixed rate for your ad.' />
+                )}
+            </Modal.Body>
+            <Modal.Footer>
+                <Button.Group>
+                    <Button
+                        secondary
+                        type='button'
+                        onClick={() => toggleMyAdsRateSwitchModal(selected_ad_type, !reached_target_date)}
+                        large
+                    >
+                        {reached_target_date ? (
+                            <Localize i18n_default_text='Cancel' />
+                        ) : (
+                            <Localize i18n_default_text="I'll do this later" />
+                        )}
+                    </Button>
+                    <Button primary large onClick={() => toggleMyAdsRateSwitchModal(rate_type, true)}>
+                        {rate_type === ad_type.FLOAT ? (
+                            <Localize i18n_default_text='Set floating rate' />
+                        ) : (
+                            <Localize i18n_default_text='Set fixed rate' />
+                        )}
+                    </Button>
+                </Button.Group>
+            </Modal.Footer>
+        </Modal>
     );
 };