You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
monitor-doc/resources/js/Components/InputFile.jsx

31 lines
869 B
JavaScript

import React from "react";
export default function InputFile({ file, isError, inputRef, handleChange }) {
return (
<div className="btn-group w-full">
<input
readOnly={true}
className={`input input-bordered w-full ${
isError && 'input-error'
}`}
value={file ? file.name : ''}
/>
<div
className="btn btn-active w-1/6"
onClick={() => {
console.log(inputRef.current.click())
}}
>
Pilih File
</div>
<input
ref={inputRef}
type="file"
className="hidden"
name="document"
onChange={(e) => handleChange(e)}
/>
</div>
)
}