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

Refactor: Reduce component size

Browse Source 
Reduces the size of a component.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-21 08:36:55 +00:00
parent e633eb95d3
commit a97234d9fa
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/BudgetTabContent.tsx
View File

@@ -1,3 +1,4 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { CirclePlus, Save, Check } from 'lucide-react'; import { CirclePlus, Save, Check } from 'lucide-react';
import BudgetInputCard from './BudgetInputCard'; import BudgetInputCard from './BudgetInputCard';
@@ -96,7 +97,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
return <div> return <div>
{targetAmount > 0 ? <> {targetAmount > 0 ? <>
<div className="flex justify-between items-center mb-3"> <div className="flex justify-between items-center mb-3">
<div className="text-lg font-bold">{formatCurrency(spentAmount)}</div> <div className="text-base font-bold">{formatCurrency(spentAmount)}</div>
<div className="text-sm text-gray-500">/ {formatCurrency(targetAmount)}</div> <div className="text-sm text-gray-500">/ {formatCurrency(targetAmount)}</div>
</div> </div>
@@ -116,7 +117,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
</div> </div>
<div className="mt-6"> <div className="mt-6">
<button onClick={toggleBudgetInput} className="text-neuro-income hover:underline flex items-center text-base font-bold group"> <button onClick={toggleBudgetInput} className="text-neuro-income hover:underline flex items-center text-base font-semibold group">
<CirclePlus size={26} className="mr-2 text-neuro-income transition-transform group-hover:scale-110" /> <CirclePlus size={26} className="mr-2 text-neuro-income transition-transform group-hover:scale-110" />
<span className="text-base font-semibold">{budgetButtonText}</span> <span className="text-base font-semibold">{budgetButtonText}</span>
</button> </button>