From 58d4d959e570a48dcf75ab8d68203467ea39fe8f Mon Sep 17 00:00:00 2001
From: im-adithya <imadithyavardhan@gmail.com>
Date: Mon, 8 Jul 2024 15:46:31 +0530
Subject: [PATCH] chore: use cn util

---
 frontend/src/components/TransactionItem.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/TransactionItem.tsx b/frontend/src/components/TransactionItem.tsx
index babe0dc7..17048a83 100644
--- a/frontend/src/components/TransactionItem.tsx
+++ b/frontend/src/components/TransactionItem.tsx
@@ -84,9 +84,10 @@ function TransactionItem({ tx }: Props) {
           <div className="flex ml-auto text-right space-x-3 shrink-0 dark:text-white">
             <div className="flex items-center gap-2 text-xl">
               <p
-                className={`font-semibold ${
+                className={cn(
+                  "font-semibold",
                   type == "incoming" && "text-green-600 dark:color-green-400"
-                }`}
+                )}
               >
                 {type == "outgoing" ? "-" : "+"} {Math.floor(tx.amount / 1000)}
               </p>