feat: getInputProps
#746
feat: getInputProps
#746
Conversation
|
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
docs/src/pages/theming.mdx
Outdated
| @@ -242,6 +242,7 @@ component match your design in the exact way you want. | |||
| ``` | |||
|
|
|||
| <UploadButton | |||
| endpoint="mockRoute" | |||
There was a problem hiding this comment.
having these actually load instead of fetch failing helped reduce some impossible states we had weird paths for just to display in here
| $props.__internal_upload_progress ?? 0, | ||
| ); | ||
| const [files, setFiles] = useState<File[]>([]); |
There was a problem hiding this comment.
i think it makes sense for useUploadThing to control state? Especially if the getInputProps should have an onChange that sets files. Felt weird passing those in like getInputProps({ mode, files, setFiles }). By letting the hook own the state we have access to it in getInputProps for "free"
There was a problem hiding this comment.
Have to think how it's used in forms though
| let filesToUpload = pastedFiles; | ||
| setFiles((prev) => { | ||
| filesToUpload = [...prev, ...pastedFiles]; | ||
| return filesToUpload; | ||
| }); |
There was a problem hiding this comment.
This bug was fixed for dropzone in an earlier PR (#622)
Co-authored-by: Julius Marminge <[email protected]>
📦 Bundle size comparison
|
| ) => { | ||
| const [files, setFiles] = useControllableState({ | ||
| prop: opts?.files, | ||
| onChange: opts?.onFilesChange, |
There was a problem hiding this comment.
note to make this compat with the changes introduced in #886
Closes #729
Note
Experimenting a bit without thinking about breaking changes, just providing the best DX. Will come back and see if I can make it backwards compat later
Changelog
useControlledStatefrom RadixUIpermittedFileInfouseDropzonesignature to take in a route config for easier integration with uploadthing file routesbytesToFileSizeas a public util for formatting filesize as strings in custom components