Merge pull request #127 from Dhruv-deriv/DesignFixes/DHRUV

Design Fixes for Deafulting/dhruv
amina-deriv · Sep 24, 2024 · a51623c · a51623c
2 parents b6fe295 + e299ece
commit a51623c
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/packages/appstore/src/components/cfds-listing/index.tsx b/packages/appstore/src/components/cfds-listing/index.tsx
@@ -86,6 +86,7 @@ const CFDsListing = observer(() => {
         is_populating_mt5_account_list,
         real_account_creation_unlock_date,
         ctrader_total_balance,
+        updateMT5AccountDetails,
     } = client;
     const { setAppstorePlatform } = common;
     const { openDerivRealAccountNeededModal, setShouldShowCooldownModal } = ui;
@@ -179,6 +180,7 @@ const CFDsListing = observer(() => {
             setPerformanceValue('switch_from_demo_to_real_time');
             setPerformanceValue('switch_from_real_to_demo_time');
         }
+        updateMT5AccountDetails();
     }, [is_landing_company_loaded, is_populating_mt5_account_list]);
 
     return (

diff --git a/packages/appstore/src/components/modals/verification-docs-list-modal/ListItem.tsx b/packages/appstore/src/components/modals/verification-docs-list-modal/ListItem.tsx
@@ -68,7 +68,7 @@ const ListItem = observer(({ id, text, status, route }: TListItemProps) => {
                 <Localize i18n_default_text={text} />
             </Text>
             {status === AUTH_STATUS_CODES.NONE || (id === 'tax' && status === 0) ? (
-                <LabelPairedChevronRightMdRegularIcon />
+                <LabelPairedChevronRightMdRegularIcon fill='var(--text-prominent)' />
             ) : (
                 <div className='verification-docs-list-modal__card'>
                     <StatusBadge
@@ -84,7 +84,10 @@ const ListItem = observer(({ id, text, status, route }: TListItemProps) => {
                             fill='var(--text-disabled-1)'
                         />
                     ) : (
-                        <LabelPairedChevronRightMdRegularIcon />
+                        <LabelPairedChevronRightMdRegularIcon
+                            className='verification-docs-list-modal__card--icon'
+                            fill='var(--text-prominent)'
+                        />
                     )}
                 </div>
             )}

diff --git a/packages/shared/src/styles/themes.scss b/packages/shared/src/styles/themes.scss
@@ -158,17 +158,15 @@
         --status-default: #{$color-grey-3};
         --status-adjustment: #{$color-grey-1};
         --status-danger: #{$color-red-1};
+        --status-danger-transparent: #{$alpha-color-red-2};
         --status-success: #{$color-green-1};
         --status-success-transparent: #{$alpha-color-green-3};
         --status-warning: #{$color-yellow};
         --status-warning-dark: #{$color-yellow-1};
-        --status-danger-transparent: #{$alpha-color-red-1};
-        --status-danger-transparent: #{$alpha-color-red-1};
         --status-info-transparent: #{$alpha-color-blue-1};
         --status-warning-transparent: #{$alpha-color-yellow-1};
         --status-transfer: #{$color-orange};
         --status-info: #{$color-blue};
-        --status-info-transparent: #{$alpha-color-blue-1};
         --status-colored-background: #{$color-white};
         --status-alert-background: #{$color-yellow-3};
         // Dashboard
@@ -325,10 +323,12 @@
         --status-success: #{$color-green-3};
         --status-transfer: #{$color-orange};
         --status-info: #{$color-blue};
+        --status-warning-dark: #{$color-yellow-1};
+        --status-danger-transparent: #{$alpha-color-red-1};
+        --status-success-transparent: #{$alpha-color-green-3};
         --status-colored-background: #{$color-white};
         --status-alert-background: #{$color-yellow-3};
         --status-warning-dark: #{$color-yellow-1};
-        --status-danger-transparent: #{$alpha-color-red-1};
         --status-info-transparent: #{$alpha-color-blue-1};
         // Transparentize
         --transparent-success: #{$alpha-color-green-2};

diff --git a/packages/stores/types.ts b/packages/stores/types.ts
@@ -1175,6 +1175,7 @@ type TTradersHubStore = {
     setIsSetupRealAccountOrGoToDemoModalVisible: (value: boolean) => void;
     selected_jurisdiction_kyc_status: Record<string, string>;
     setSelectedJurisdictionKYCStatus: (value: Record<string, string>) => void;
+    getDefaultJurisdiction: () => string;
 };
 
 type TContractReplay = {