Merge pull request #74 from shaheer-deriv/shaheer/feature/90115/updat…

…e_jurisdiction Shaheer/feature/90115/update jurisdiction
amina-deriv · May 25, 2023 · bfb7363 · bfb7363
2 parents 4e7a608 + 601cecf
commit bfb7363
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 5 deletions.
diff --git a/packages/appstore/src/components/cfds-listing/cfds-listing.scss b/packages/appstore/src/components/cfds-listing/cfds-listing.scss
@@ -10,7 +10,7 @@
     cursor: pointer;
     transition: all 0.1s ease-in;
 
-    &:not(.selected-card):hover {
+    &:not(.selected-card):not(.cfd-card-disabled):not(.cfd-card-disabled-flat):hover {
         box-shadow: 0 2px 8px 0 var(--shadow-menu);
     }
 
@@ -289,7 +289,6 @@
         align-items: center;
     }
     &-disabled {
-        pointer-events: none;
         &-flat {
             border: solid 1px var(--border-normal);
         }

diff --git a/packages/cfd/src/Constants/jurisdiction-contents/jurisdiction-labuan-contents.ts b/packages/cfd/src/Constants/jurisdiction-contents/jurisdiction-labuan-contents.ts
@@ -34,7 +34,7 @@ export const getJurisdictionLabuanContents = (): TJurisdictionCardItems => ({
             description: localize('Forex and Cryptocurrencies'),
             title_indicators: {
                 type: 'displayText',
-                display_text: localize('90+'),
+                display_text: localize('80+'),
                 display_text_skin_color: 'red-dark',
             },
         },

diff --git a/packages/cfd/src/Containers/jurisdiction-modal/__test__/jurisdiction-card-back.spec.tsx b/packages/cfd/src/Containers/jurisdiction-modal/__test__/jurisdiction-card-back.spec.tsx
@@ -5,6 +5,7 @@ import JurisdictionCardBack from '../jurisdiction-card-back';
 describe('<JurisdictionCardBack />', () => {
     type TMockProps = {
         card_classname: string;
+        disabled: boolean;
         toggleCardFlip: jest.Mock;
         is_card_selected: boolean;
         verification_docs: (
@@ -18,6 +19,7 @@ describe('<JurisdictionCardBack />', () => {
 
     const mock_props: TMockProps = {
         card_classname: 'test_classname',
+        disabled: false,
         is_card_selected: false,
         toggleCardFlip: jest.fn(),
         verification_docs: [],

diff --git a/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-card-back.tsx b/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-card-back.tsx
@@ -6,6 +6,7 @@ import { TJurisdictionCardBackProps } from 'Containers/props.types';
 
 const JurisdictionCardBack = ({
     card_classname,
+    disabled,
     is_card_selected,
     toggleCardFlip,
     verification_docs,
@@ -14,6 +15,7 @@ const JurisdictionCardBack = ({
         data-testid='dt_jurisdiction_card_back_container'
         className={classNames(card_classname, 'cfd-card-back', {
             [`${card_classname}--selected selected-card`]: is_card_selected,
+            'cfd-card-disabled-flat': disabled,
         })}
     >
         <div

diff --git a/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-card.tsx b/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-card.tsx
@@ -61,6 +61,7 @@ const JurisdictionCard = ({
                 />
                 <JurisdictionCardBack
                     card_classname={card_classname}
+                    disabled={disabled}
                     is_card_selected={is_card_selected}
                     toggleCardFlip={toggleCardFlip}
                     verification_docs={verification_docs}

diff --git a/packages/cfd/src/Containers/props.types.ts b/packages/cfd/src/Containers/props.types.ts
@@ -182,6 +182,7 @@ export type TJurisdictionCardProps = {
 
 export type TJurisdictionCardBackProps = {
     card_classname: string;
+    disabled: boolean;
     is_card_selected: boolean;
     toggleCardFlip: React.MouseEventHandler<HTMLSpanElement>;
     verification_docs: TJurisdictionCardItemVerification | undefined;

diff --git a/packages/cfd/src/sass/cfd-dashboard.scss b/packages/cfd/src/sass/cfd-dashboard.scss
@@ -499,7 +499,7 @@
     cursor: pointer;
     transition: all 0.1s ease-in;
 
-    &:not(.selected-card):hover {
+    &:not(.selected-card):not(.cfd-card-disabled):not(.cfd-card-disabled-flat):hover {
         box-shadow: 0 2px 8px 0 var(--shadow-menu);
     }
 
@@ -779,7 +779,6 @@
         align-items: center;
     }
     &-disabled {
-        pointer-events: none;
         &-flat {
             border: solid 1px var(--border-normal);
         }