Add new delete vsp icon

decred · Jun 2, 2020 · d4a7023 · d4a7023
1 parent cdee0d5
commit d4a7023
Show file tree

Hide file tree

Showing 6 changed files with 89 additions and 142 deletions.
diff --git a/app/components/views/TicketsPage/PurchaseTab/StakePools/StakePools.module.css b/app/components/views/TicketsPage/PurchaseTab/StakePools/StakePools.module.css
@@ -48,6 +48,7 @@
   width: 270px;
   height: 35px;
   box-sizing: border-box;
+  text-align: center;
 }
 
 .txDetailsRaw {
@@ -111,14 +112,14 @@
 }
 
 .close {
-  width: 10px;
-  height: 10px;
+  width: 17px;
+  height: 17px;
   background-color: transparent;
-  background-image: var(--x-grey);
-  background-size: 10px 10px;
+  background-image: var(--delete-vsp);
+  background-size: 17px 17px;
   cursor: pointer;
   right: 20px;
-  top: 20px;
+  top: 21px;
   background-repeat: no-repeat;
   position: absolute;
 }

diff --git a/app/components/views/TicketsPage/PurchaseTab/StakePools/StakePoolsList.jsx b/app/components/views/TicketsPage/PurchaseTab/StakePools/StakePoolsList.jsx
@@ -11,7 +11,7 @@ const StakePoolsList = ({
   onRemoveStakePool,
   rescanRequest,
   toggleBackupModal,
-  showModal,
+  showModal
 }) => (
   <>
     <div className={styles.configuredVSPs}>
@@ -46,7 +46,7 @@ const StakePoolsList = ({
                               values={{ value: PoolFees }}
                             />
                           </span>
-                        ),
+                        )
                       }}
                     />
                   </div>
@@ -59,7 +59,7 @@ const StakePoolsList = ({
                           <div className={styles.txDetails}>
                             {TicketAddress}
                           </div>
-                        ),
+                        )
                       }}
                     />
                     <T
@@ -75,7 +75,7 @@ const StakePoolsList = ({
                             />
                             <div className={styles.txDetailsRawShadow} />
                           </div>
-                        ),
+                        )
                       }}
                     />
                   </div>
@@ -100,15 +100,13 @@ const StakePoolsList = ({
     <div className={styles.buttonContainer}>
       <InvisibleButton
         className={styles.cancelVSP}
-        onClick={onHideStakePoolConfig}
-      >
+        onClick={onHideStakePoolConfig}>
         <T id="stakepools.list.form.cancel" m="Cancel" />
       </InvisibleButton>
       <KeyBlueButton
         className={styles.addVSP}
         disabled={rescanRequest}
-        onClick={onShowAddStakePool}
-      >
+        onClick={onShowAddStakePool}>
         <T id="stakepools.list.form.submit" m="Add VSP" />
       </KeyBlueButton>
     </div>
@@ -119,7 +117,7 @@ StakePoolsList.propTypes = {
   configuredStakePools: PropTypes.array.isRequired,
   unconfiguredStakePools: PropTypes.array.isRequired,
   onShowAddStakePool: PropTypes.func.isRequired,
-  onHideStakePoolConfig: PropTypes.func.isRequired,
+  onHideStakePoolConfig: PropTypes.func.isRequired
 };
 
 export default StakePoolsList;