test: test

jim-deriv · Jun 11, 2024 · 7e14942 · 7e14942
1 parent 8a31d82
commit 7e14942
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 29 deletions.
diff --git a/...ages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss b/...ages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss
@@ -1,5 +1,5 @@
 .wallets-jurisdiction-card {
-    background-color: #ff444f;
+    // background-color: #ff444f;
     height: 100%;
     width: 25%;
     cursor: pointer;
@@ -8,19 +8,17 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    border-radius: 1.6rem;
-    border: 0.2rem solid #f2f3f4;
-    transition-property: box-shadow;
-    transition-duration: 0.3s;
 
     @include mobile {
         max-width: 100%;
         width: 100%;
     }
 
     &-wrapper {
-        background-color: #ecf83d;
+        // background-color: #ecf83d;
         align-items: center;
+        border-radius: 1.6rem;
+        border: 0.2rem solid #f2f3f4;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -29,11 +27,23 @@
         width: 100%;
         transform-style: preserve-3d;
         transition-duration: 0.3s;
-        transition-property: transform;
+        transition-property: transform, box-shadow;
 
         &--flipped {
             transform: rotateY(180deg);
         }
+        &:hover:not(.wallets-jurisdiction-card-wrapper--added) {
+            box-shadow: 0rem 2.4rem 4.8rem 0rem rgba(14, 14, 14, 0.18);
+        }
+        &--added {
+            user-select: none;
+            cursor: not-allowed;
+        }
+
+        &--selected {
+            border: 0.2rem solid #85acb0;
+            box-shadow: 0rem 2.4rem 4.8rem 0rem rgba(14, 14, 14, 0.18);
+        }
     }
     &-front,
     &-back {
@@ -48,7 +58,7 @@
         justify-content: center;
     }
     &-front {
-        background-color: hsl(149, 96%, 62%);
+        // background-color: hsl(149, 96%, 62%);
         z-index: 2;
         transform: rotateY(0deg);
         display: flex;
@@ -76,18 +86,6 @@
     &__link {
         color: #ff444f;
     }
-    &:hover:not(.wallets-jurisdiction-card--added) {
-        box-shadow: 0rem 2.4rem 4.8rem 0rem rgba(14, 14, 14, 0.18);
-    }
-    &--added {
-        user-select: none;
-        cursor: not-allowed;
-    }
-
-    &--selected {
-        border: 0.2rem solid #85acb0;
-        box-shadow: 0rem 2.4rem 4.8rem 0rem rgba(14, 14, 14, 0.18);
-    }
 }
 
 // .wallets-jurisdiction-card {

diff --git a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.tsx b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.tsx
@@ -95,19 +95,16 @@ const JurisdictionCard: React.FC<TJurisdictionCardProps> = ({ isAdded, isSelecte
     };
 
     return (
-        <div
-            className={classNames('wallets-jurisdiction-card', {
-                'wallets-jurisdiction-card--added': isAdded,
-                'wallets-jurisdiction-card--selected': isSelected,
-            })}
-            onClick={() => {
-                !isAdded && onSelect(jurisdiction);
-            }}
-        >
+        <div className='wallets-jurisdiction-card'>
             <div
                 className={classNames('wallets-jurisdiction-card-wrapper', {
+                    'wallets-jurisdiction-card-wrapper--added': isAdded,
                     'wallets-jurisdiction-card-wrapper--flipped': isFlipped,
+                    'wallets-jurisdiction-card-wrapper--selected': isSelected,
                 })}
+                onClick={() => {
+                    !isAdded && onSelect(jurisdiction);
+                }}
             >
                 <div className='wallets-jurisdiction-card-front'>
                     {isOverHeaderAvailable && <JurisdictionCardTag tag={overHeader || ''} />}