legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: replace standard input with Headless UI Input component in FormUpload

Browse Source
This commit is contained in:
Ardeman 2025-03-10 16:51:59 +08:00
parent 54a8a97c09
commit 60d11fbfa2
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/layouts/admin/form-upload.tsx
View File

@ -1,4 +1,4 @@
import { Button } from '@headlessui/react'
import { Button, Input } from '@headlessui/react'
import { zodResolver } from '@hookform/resolvers/zod'
import { useEffect, useState, type ChangeEvent } from 'react'
import { useFetcher } from 'react-router'
@ -96,10 +96,11 @@ export const FormUpload = () => {
{error && (
<div className="text-sm text-red-500 capitalize">{error}</div>
)}
<input
<Input
type="file"
id="input-file-upload"
accept="image/*"
className="h-[42px] w-full cursor-pointer rounded-md border border-[#DFDFDF] p-2"
onChange={handleChange}
/>
<input