From f3c4eef21396849e42045ebcbeed7b4dacd76cd5 Mon Sep 17 00:00:00 2001
From: Kittisak Phormraksa <dnjooiopa@gmail.com>
Date: Sat, 27 Apr 2024 11:23:12 +0700
Subject: [PATCH] [web] Rename `Tx` to `TxItem`

---
 web/src/components/Transactions.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Transactions.tsx b/web/src/components/Transactions.tsx
index a1ef52d..fe2f3b3 100644
--- a/web/src/components/Transactions.tsx
+++ b/web/src/components/Transactions.tsx
@@ -13,7 +13,7 @@ const formatDateTime = (ts: number) => {
   return format(new Date(ts), f)
 }
 
-const Tx = ({ amountSat, description, createdAt, type }: Transaction) => {
+const TxItem = ({ amountSat, description, createdAt, type }: Transaction) => {
   const amountColor = type === TransactionType.PAYMENT_SENT ? 'text-gray-100' : 'text-green-500'
   const displayAmount = type === TransactionType.PAYMENT_SENT ? `-${amountSat}` : `+${amountSat}`
   const displayDescription = description || (type === TransactionType.PAYMENT_SENT ? 'Sent' : 'Received')
@@ -73,7 +73,7 @@ const Transactions: FC<{}> = () => {
   return (
     <div>
       {payments.map((tx, i) => (
-        <Tx key={i} {...tx} />
+        <TxItem key={i} {...tx} />
       ))}
 
       {hasNext && (