Visual edit in Lovable

Edited UI in Lovable

src/components/RecentTransactionsSection.tsx

@@ -1,26 +1,20 @@
-
 import React from 'react';
 import TransactionCard, { Transaction } from '@/components/TransactionCard';
-
 interface RecentTransactionsSectionProps {
   transactions: Transaction[];
 }
-
+const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
-const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({ transactions }) => {
+  transactions
-  return (
+}) => {
-    <>
+  return <>
       <h2 className="text-lg font-semibold mb-3 mt-8">최근 지출</h2>
       <div className="grid gap-3 mb-6">
-        {transactions.map(transaction => (
+        {transactions.map(transaction => <TransactionCard key={transaction.id} transaction={transaction} />)}
-          <TransactionCard key={transaction.id} transaction={transaction} />
-        ))}
       </div>
       
       <div className="flex justify-center mb-6">
-        <button className="text-neuro-income font-medium">모든 거래 보기</button>
+        <button className="text-neuro-income font-medium">모든 지출 보기</button>
       </div>
-    </>
+    </>;
-  );
 };
-
 export default RecentTransactionsSection;