start-ui-web
start-ui-web copied to clipboard
BearStudio
ImageUpload component
Description
Adding a new component ImageUpload that let the user upload an image to cloudinary, display it, and remove it. This component also has its Field counterpart to integrate with Formiz.
Component
The component as an API similar to an input component, with chakra props support.
<ImageUpload value={imageUrl} onChange={setImageUrl} w="240px" />
The component also supports custom placeholder.
:warning: Conflict with MirageJS
The image upload does not work properly with MirageJS, even when passthourgh is enabled. Right now, the upload of the image will work, but the function will get stuck in a pending state and won't return.
I am currently looking for a solution on the matter.
Related to issue #222
The latest updates on your projects. Learn more about Vercel for Git ↗︎
| Name | Status | Preview | Comments | Updated (UTC) |
|---|---|---|---|---|
| start-ui | ❌ Failed (Inspect) | Jun 9, 2023 1:41pm |
![vercel[bot] avatar](https://avatars.githubusercontent.com/in/8329?v=4 "Published by a pub.dev verified publisher"){kind=small}
Kudos, SonarCloud Quality Gate passed! 
0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells
No Coverage information
0.0% Duplication
![sonarqubecloud[bot] avatar](https://avatars.githubusercontent.com/in/12526?v=4 "Published by a pub.dev verified publisher"){kind=small}
Kudos, SonarCloud Quality Gate passed! 
0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells
No Coverage information
0.0% Duplication
I think this code is a little bit outdated; maybe we can try to add a Formiz integration of react-uploady to handle those cases ?
There is a guide to do it with cloudinary: https://react-uploady.org/docs/guides/Cloudinary/
Kudos, SonarCloud Quality Gate passed!
0 Bugs
0 Vulnerabilities
0 Security Hotspots
4 Code Smells
No Coverage information
0.0% Duplication
Cloudinary is a bit overpriced, we decided not to go with it in the starter.
