dot class

src/entities/settlement/ui/list-item.tsx

@@ -37,6 +37,18 @@ export const ListItem = ({
       }
     });
   };
+
+  const getDotClass = () => {
+    let rs = 'gray';
+    if(periodType === SettlementPeriodType.SETTLEMENT_DATE && settlementAmount){
+      if(settlementAmount > 0) rs = 'blue';
+    }
+    else if(periodType === SettlementPeriodType.TRANSACTION_DATE && transactionAmount){
+      if(transactionAmount > 0) rs = 'blue';
+    }
+    
+    return rs;
+  };
   
   return (
     <>
@@ -45,7 +57,7 @@ export const ListItem = ({
         onClick={ () => onClickToNavigate() }
       >
         <div className="transaction-status">
-          <div className={ `status-dot blue`}></div>
+          <div className={ `status-dot ${getDotClass()}`}></div>
         </div>
         <div className="transaction-content">
           { (periodType === SettlementPeriodType.SETTLEMENT_DATE) &&

src/entities/transaction/ui/list-item.tsx

@@ -34,7 +34,7 @@ export const ListItem = ({
     return rs;
   };
 
-  const getDotClass = (str?: string) => {
+  const getDotClass = () => {
     let rs = '';
     if(transactionCategory === TransactionCategory.AllTransaction){
       if(statusCode === '0'