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