move focus to price in expenses

gokulkrishh · Jan 14, 2024 · c3579a5 · c3579a5 · vercel · Jan 14, 2024
1 parent 2768c5f
commit c3579a5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/components/add/expenses.tsx b/components/add/expenses.tsx
@@ -111,8 +111,6 @@ export default function AddExpense({ show, onHide, mutate, selected, lookup }: A
 							placeholder="Swiggy - Biriyani"
 							maxLength={30}
 							required
-							ref={inputRef}
-							autoFocus
 							autoComplete="off"
 							onChange={({ target }) => {
 								const { value } = target;
@@ -146,6 +144,8 @@ export default function AddExpense({ show, onHide, mutate, selected, lookup }: A
 								</span>
 							</Label>
 							<Input
+								ref={inputRef}
+								autoFocus
 								className="mt-1.5"
 								id="price"
 								type="number"

diff --git a/components/modal/index.tsx b/components/modal/index.tsx
@@ -6,15 +6,7 @@ import { Dialog, Transition } from '@headlessui/react';
 import { useMediaQuery } from 'hooks/useMediaQuery';
 import { X } from 'lucide-react';
 
-import {
-	Drawer,
-	DrawerClose,
-	DrawerContent,
-	DrawerFooter,
-	DrawerHeader,
-	DrawerOverlay,
-	DrawerTitle,
-} from 'components/ui/drawer';
+import { Drawer, DrawerContent, DrawerHeader, DrawerOverlay, DrawerTitle } from 'components/ui/drawer';
 
 interface ModalProps {
 	show: boolean;