Limit expense categories
Limit the number of expense categories to 식비, 생활비, 교통비.
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
|
||||
import React from 'react';
|
||||
import { ArrowDownIcon, ArrowUpIcon, ShoppingBag, Coffee, Home, Car, Gift } from 'lucide-react';
|
||||
import { ArrowDownIcon, ArrowUpIcon, Coffee, Home, Car } from 'lucide-react';
|
||||
import { cn } from '@/lib/utils';
|
||||
|
||||
export type Transaction = {
|
||||
@@ -13,12 +13,9 @@ export type Transaction = {
|
||||
};
|
||||
|
||||
const categoryIcons: Record<string, React.ReactNode> = {
|
||||
shopping: <ShoppingBag size={18} />,
|
||||
food: <Coffee size={18} />,
|
||||
housing: <Home size={18} />,
|
||||
transportation: <Car size={18} />,
|
||||
entertainment: <Gift size={18} />,
|
||||
// Add more categories as needed
|
||||
식비: <Coffee size={18} />,
|
||||
생활비: <Home size={18} />,
|
||||
교통비: <Car size={18} />,
|
||||
};
|
||||
|
||||
interface TransactionCardProps {
|
||||
@@ -39,7 +36,7 @@ const TransactionCard: React.FC<TransactionCardProps> = ({ transaction }) => {
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income">
|
||||
{categoryIcons[category] || <ShoppingBag size={18} />}
|
||||
{categoryIcons[category] || <Coffee size={18} />}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user