From 96b4ef6c4d2fdfa71d0be65e7172c53b855852a1 Mon Sep 17 00:00:00 2001
From: Keith <keithwhisper@gmail.com>
Date: Tue, 12 Nov 2019 23:37:39 +0800
Subject: [PATCH] feat(neuron-ui): add border color on dao records

---
 .../neuron-ui/src/components/CustomRows/DAORecordRow.tsx    | 2 +-
 .../src/components/CustomRows/daoRecordRow.module.scss      | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx b/packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx
index 80ee774f10..1490b2cf1e 100644
--- a/packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx
+++ b/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>
diff --git a/packages/neuron-ui/src/components/CustomRows/daoRecordRow.module.scss b/packages/neuron-ui/src/components/CustomRows/daoRecordRow.module.scss
index 7a2bede64c..d9a0f1b74e 100644
--- a/packages/neuron-ui/src/components/CustomRows/daoRecordRow.module.scss
+++ b/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;
+  }
 }