feat(neuron-ui): add border color on dao records

Author: Keith-CY

packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx

@@ -82,7 +82,7 @@ const DAORecord = ({
   }
 
   return (
-    <div className={styles.daoRecord}>
+    <div className={`${styles.daoRecord} ${depositOutPoint ? styles.isClaim : ''}`}>
       <div className={styles.primaryInfo}>
         <div>{interest >= BigInt(0) ? `${shannonToCKBFormatter(interest.toString()).toString()} CKB` : ''}</div>
         <div>{`${shannonToCKBFormatter(capacity)} CKB`}</div>

packages/neuron-ui/src/components/CustomRows/daoRecordRow.module.scss

@@ -2,9 +2,10 @@
   display: flex;
   flex-direction: column;
   border: 1px solid #000;
-  border-radius: 5px;
+  border-radius: 2px;
   margin: 10px 0;
   padding: 5px 15px;
+  border-left: 5px solid green;
 
   .primaryInfo,
   .secondaryInfo {
@@ -32,4 +33,7 @@
     color: #666;
   }
 
+  &.isClaim {
+    border-left-color: blue;
+  }
 }