FE - Image Upload Component

[ajhollid]

We have several components for uploading images. We should have one unified component

It should

1. Have a preview of image uploaded
2. Have a loading state while image is uploading
3. Have a button for removing current image
4. Accept only images, provide basic validation
5. Have a max file upload size

The API should look something like this:

<ImageUpload
    onChange={updateImage}
    onError={handleImageUploadError}
    value={img}
    maxSize={3000000}
    acceptedTypes={acceptedTypes}
    previewSize={200}
/>

This API is a suggestion and not a hard requirement.

@gorkem-bwl if you have time a Figma of an ideal upload component would be helpful!

[Br0wnHammer]

@gorkem-bwl @ajhollid Can I take this on? If it is not much of a complex task?

[ajhollid]

Hey @Br0wnHammer ,

This is a mission critical component so will be assigned to one of the internal team members.

Thanks for your interest with this one though!

[Br0wnHammer]

Hey @Br0wnHammer ,

This is a mission critical component so will be assigned to one of the internal team members.

Thanks for your interest with this one though!

No worries.

[vishnusn77]

@ajhollid @gorkem-bwl Can I work on this?

[ajhollid]

@vishnusn77 as mentioned above this will be handled by an internal team member, thanks for your interest though! There will be more issues coming up

[ajhollid]

@ajhollid @gorkem-bwl Can I work on this?

@vishnusn77 sorry I didn't realize you are our @vishnusn77 😂

[vishnusn77]

@vishnusn77 sorry I didn't realize you are our @vishnusn77 😂

@ajhollid no worries lol