ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change recent transaction title color

Browse Source 
Change the color of the transaction title in the recent transactions card on the home screen to black.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 11:31:34 +00:00
parent 1c9dd41851
commit 6320ea17d4
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/RecentTransactionsSection.tsx
View File

@@ -1,3 +1,4 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Transaction } from './TransactionCard'; import { Transaction } from './TransactionCard';
import TransactionEditDialog from './TransactionEditDialog'; import TransactionEditDialog from './TransactionEditDialog';
@@ -64,11 +65,11 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
</Link> </Link>
</div> </div>
<div className="neuro-card divide-y divide-gray-100 w-full"> <div className="neuro-card divide-y divide-gray-100 w-full">
{transactions.length > 0 ? transactions.map(transaction => <div key={transaction.id} onClick={() => handleTransactionClick(transaction)} className="flex justify-between py-3 px-4 cursor-pointer hover:bg-gray-50 text-lime-700"> {transactions.length > 0 ? transactions.map(transaction => <div key={transaction.id} onClick={() => handleTransactionClick(transaction)} className="flex justify-between py-3 px-4 cursor-pointer hover:bg-gray-50">
<div className="flex items-center"> <div className="flex items-center">
<span className="text-xl mr-3">{getCategoryIcon(transaction.category)}</span> <span className="text-xl mr-3">{getCategoryIcon(transaction.category)}</span>
<div> <div>
<h3 className="font-medium">{transaction.title}</h3> <h3 className="font-medium text-black">{transaction.title}</h3>
<p className="text-xs text-gray-500">{transaction.date}</p> <p className="text-xs text-gray-500">{transaction.date}</p>
</div> </div>
</div> </div>
@@ -84,4 +85,4 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
{selectedTransaction && <TransactionEditDialog transaction={selectedTransaction} open={isDialogOpen} onOpenChange={setIsDialogOpen} onSave={handleUpdateTransaction} onDelete={handleDeleteTransaction} />} {selectedTransaction && <TransactionEditDialog transaction={selectedTransaction} open={isDialogOpen} onOpenChange={setIsDialogOpen} onSave={handleUpdateTransaction} onDelete={handleDeleteTransaction} />}
</div>; </div>;
}; };
export default RecentTransactionsSection; export default RecentTransactionsSection;