From 5cb9151cebbe6a49fc75bc812fdc3d79a6822c28 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 04:10:24 +0000
Subject: [PATCH] Navigate to transactions on click
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implement navigation to the transactions page when the "모든 지출 보기" button is clicked.
---
 src/components/RecentTransactionsSection.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index abf264e..7b6cc7e 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -1,11 +1,21 @@
+
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import TransactionCard, { Transaction } from '@/components/TransactionCard';
+
 interface RecentTransactionsSectionProps {
   transactions: Transaction[];
 }
+
 const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
   transactions
 }) => {
+  const navigate = useNavigate();
+  
+  const handleViewAllTransactions = () => {
+    navigate('/transactions');
+  };
+  
   return <>
       <h2 className="text-lg font-semibold mb-3 mt-8">최근 지출</h2>
       <div className="grid gap-3 mb-6">
@@ -13,8 +23,14 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
       </div>
       
       <div className="flex justify-center mb-6">
-        <button className="text-neuro-income font-medium">모든 지출 보기</button>
+        <button 
+          className="text-neuro-income font-medium hover:underline"
+          onClick={handleViewAllTransactions}
+        >
+          모든 지출 보기
+        </button>
       </div>
     </>;
 };
-export default RecentTransactionsSection;
\ No newline at end of file
+
+export default RecentTransactionsSection;