Remove income transaction option
Removes the income transaction option from the add transaction button. Keeps only the expense transaction option with neuro-income color.
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
|
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { PlusIcon, MinusIcon, X } from 'lucide-react';
|
import { MinusIcon, X } from 'lucide-react';
|
||||||
import { cn } from '@/lib/utils';
|
import { cn } from '@/lib/utils';
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
|
|
||||||
@@ -15,31 +15,17 @@ const AddTransactionButton = () => {
|
|||||||
// navigate('/add-transaction', { state: { type: 'expense' } });
|
// navigate('/add-transaction', { state: { type: 'expense' } });
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleAddIncome = () => {
|
|
||||||
// 여기에 수입 추가 로직을 구현할 수 있습니다
|
|
||||||
setIsOpen(false);
|
|
||||||
// 향후 트랜잭션 추가 페이지로 이동할 수 있습니다
|
|
||||||
// navigate('/add-transaction', { state: { type: 'income' } });
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fixed bottom-24 right-6 z-20">
|
<div className="fixed bottom-24 right-6 z-20">
|
||||||
{isOpen && (
|
{isOpen && (
|
||||||
<div className="absolute bottom-16 right-0 flex flex-col gap-3 items-end animate-slide-up">
|
<div className="absolute bottom-16 right-0 flex flex-col gap-3 items-end animate-slide-up">
|
||||||
<button
|
<button
|
||||||
className="neuro-flat p-4 text-neuro-expense flex items-center gap-2"
|
className="neuro-flat p-4 text-neuro-income flex items-center gap-2"
|
||||||
onClick={handleAddExpense}
|
onClick={handleAddExpense}
|
||||||
>
|
>
|
||||||
<span className="text-sm font-medium">지출</span>
|
<span className="text-sm font-medium">지출</span>
|
||||||
<MinusIcon size={18} />
|
<MinusIcon size={18} />
|
||||||
</button>
|
</button>
|
||||||
<button
|
|
||||||
className="neuro-flat p-4 text-neuro-income flex items-center gap-2"
|
|
||||||
onClick={handleAddIncome}
|
|
||||||
>
|
|
||||||
<span className="text-sm font-medium">수입</span>
|
|
||||||
<PlusIcon size={18} />
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
@@ -53,7 +39,7 @@ const AddTransactionButton = () => {
|
|||||||
onClick={() => setIsOpen(!isOpen)}
|
onClick={() => setIsOpen(!isOpen)}
|
||||||
aria-label={isOpen ? "닫기" : "거래 추가"}
|
aria-label={isOpen ? "닫기" : "거래 추가"}
|
||||||
>
|
>
|
||||||
{isOpen ? <X size={24} /> : <PlusIcon size={24} />}
|
{isOpen ? <X size={24} /> : <MinusIcon size={24} />}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user