refactor

coinbase · Nov 6, 2024 · 8e48787 · 8e48787
1 parent ba9b2df
commit 8e48787
Showing 1 changed file with 43 additions and 26 deletions.
diff --git a/app/components/AgentStats.tsx b/app/components/AgentStats.tsx
@@ -3,6 +3,24 @@ import { AGENT_WALLET_ADDRESS, notoSansThai } from '../constants';
 import { translations } from '../translations';
 import type { Language } from '../types';
 
+type AgentStatsItemProps = {
+  currentLanguage: Language;
+  label: string;
+  value: string | number;
+};
+
+function AgentStatsItem({
+  currentLanguage,
+  label,
+  value,
+}: AgentStatsItemProps) {
+  return (
+    <li className={currentLanguage === 'th' ? notoSansThai.className : ''}>
+      {`${label}: ${value}`}
+    </li>
+  );
+}
+
 type AgentStats = {
   currentLanguage: Language;
 };
@@ -26,32 +44,31 @@ export default function AgentStats({ currentLanguage }: AgentStats) {
         </span>
         {/* TODO: update with actual data */}
         <ul className="space-y-1 pt-4">
-          <li
-            className={currentLanguage === 'th' ? notoSansThai.className : ''}
-          >
-            {translations[currentLanguage].profile.stats.earned}: $ N/A
-          </li>
-          <li
-            className={currentLanguage === 'th' ? notoSansThai.className : ''}
-          >
-            {translations[currentLanguage].profile.stats.spent}: $ N/A
-          </li>
-          <li
-            className={currentLanguage === 'th' ? notoSansThai.className : ''}
-          >
-            {translations[currentLanguage].profile.stats.nfts}: N/A
-          </li>
-          <li
-            className={currentLanguage === 'th' ? notoSansThai.className : ''}
-          >
-            {translations[currentLanguage].profile.stats.tokens}: N/A
-          </li>
-          <li
-            className={currentLanguage === 'th' ? notoSansThai.className : ''}
-          >
-            {translations[currentLanguage].profile.stats.transactions}:{' '}
-            {transactionCount}
-          </li>
+          <AgentStatsItem
+            currentLanguage={currentLanguage}
+            label={translations[currentLanguage].profile.stats.earned}
+            value="N/A"
+          />
+          <AgentStatsItem
+            currentLanguage={currentLanguage}
+            label={translations[currentLanguage].profile.stats.spent}
+            value="N/A"
+          />
+          <AgentStatsItem
+            currentLanguage={currentLanguage}
+            label={translations[currentLanguage].profile.stats.nfts}
+            value="N/A"
+          />
+          <AgentStatsItem
+            currentLanguage={currentLanguage}
+            label={translations[currentLanguage].profile.stats.tokens}
+            value="N/A"
+          />
+          <AgentStatsItem
+            currentLanguage={currentLanguage}
+            label={translations[currentLanguage].profile.stats.transactions}
+            value={transactionCount || 'N/A'}
+          />
         </ul>
       </div>
     </div>