From d028da0a890a8aa93d9ae12b038c85c817e35cac Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Mon, 3 Nov 2025 15:46:16 +0900
Subject: [PATCH] dot class

---
 src/entities/settlement/ui/list-item.tsx  | 14 +++++++++++++-
 src/entities/transaction/ui/list-item.tsx |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/entities/settlement/ui/list-item.tsx b/src/entities/settlement/ui/list-item.tsx
index b1568f6..e7e934f 100644
--- a/src/entities/settlement/ui/list-item.tsx
+++ b/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) &&
diff --git a/src/entities/transaction/ui/list-item.tsx b/src/entities/transaction/ui/list-item.tsx
index 30de3cb..d0420b2 100644
--- a/src/entities/transaction/ui/list-item.tsx
+++ b/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'