1+ import { format } from 'date-fns' ;
2+ import { Banknote , CalendarIcon , Check , HeartHandshakeIcon } from 'lucide-react' ;
3+ import Link from 'next/link' ;
14import { useRouter } from 'next/router' ;
2- import React , { useEffect } from 'react' ;
5+ import React , { useEffect , useState } from 'react' ;
6+
7+ import { CURRENCIES } from '~/lib/currency' ;
8+ import { cn } from '~/lib/utils' ;
39import { useAddExpenseStore } from '~/store/addStore' ;
410import { api } from '~/utils/api' ;
5- import { UserInput } from './UserInput' ;
11+
612import { SelectUserOrGroup } from './SelectUserOrGroup' ;
7- import { AppDrawer , DrawerClose } from '../ui/drawer' ;
13+ import { SplitTypeSection } from './SplitTypeSection' ;
14+ import UploadFile from './UploadFile' ;
15+ import { UserInput } from './UserInput' ;
816import { Button } from '../ui/button' ;
17+ import { Calendar } from '../ui/calendar' ;
18+ import { CategoryIcons } from '../ui/categoryIcons' ;
919import { Command , CommandEmpty , CommandGroup , CommandInput , CommandItem } from '../ui/command' ;
10- import { Banknote , CalendarIcon , Check , HeartHandshakeIcon } from 'lucide-react ' ;
20+ import { AppDrawer , DrawerClose } from '../ui/drawer ' ;
1121import { Input } from '../ui/input' ;
12- import { SplitTypeSection } from './SplitTypeSection' ;
1322import { Popover , PopoverContent , PopoverTrigger } from '../ui/popover' ;
14- import { cn } from '~/lib/utils' ;
15- import { format } from 'date-fns' ;
16- import { Calendar } from '../ui/calendar' ;
17- import UploadFile from './UploadFile' ;
18- import { CategoryIcons } from '../ui/categoryIcons' ;
19- import Link from 'next/link' ;
20- import { CURRENCIES } from '~/lib/currency' ;
21- import { env } from '~/env' ;
2223
2324const categories = {
2425 entertainment : {
@@ -111,7 +112,7 @@ export const AddOrEditExpensePage: React.FC<{
111112 enableSendingInvites : boolean ;
112113 expenseId ?: string ;
113114} > = ( { isStorageConfigured, enableSendingInvites, expenseId } ) => {
114- const [ open , setOpen ] = React . useState ( false ) ;
115+ const [ open , setOpen ] = useState ( false ) ;
115116
116117 const showFriends = useAddExpenseStore ( ( s ) => s . showFriends ) ;
117118 const amount = useAddExpenseStore ( ( s ) => s . amount ) ;
@@ -135,7 +136,7 @@ export const AddOrEditExpensePage: React.FC<{
135136 setExpenseDate,
136137 } = useAddExpenseStore ( ( s ) => s . actions ) ;
137138
138- useEffect ( ( ) => ( ) => resetState ( ) , [ ] ) ;
139+ useEffect ( ( ) => ( ) => resetState ( ) , [ resetState ] ) ;
139140
140141 const addExpenseMutation = api . user . addOrEditExpense . useMutation ( ) ;
141142 const addGroupExpenseMutation = api . group . addOrEditExpense . useMutation ( ) ;
@@ -276,7 +277,7 @@ export const AddOrEditExpensePage: React.FC<{
276277 < div key = { categoryName } className = "mb-8" >
277278 < h3 className = "mb-4 text-lg font-semibold" > { categoryDetails . name } </ h3 >
278279 < div className = "flex flex-wrap justify-between gap-2" >
279- { categoryDetails . items . map ( ( item , index ) =>
280+ { categoryDetails . items . map ( ( item ) =>
280281 Object . entries ( item ) . map ( ( [ key , value ] ) => {
281282 const Icon =
282283 CategoryIcons [ key ] ?? CategoryIcons [ categoryName ] ?? Banknote ;
0 commit comments