On the add NPO screen, we can currently open up our file explorer and select an image, but there is no image preview and we also cannot remove the image. When you upload an image, you should be able to see the image that you just uploaded, and also when you hover over it there should be a trash icon that appears and when clicked, removes the image.
Here is what it currently looks like when an image is uploaded:
This is what we want the preview to look like:
This is what we want it to look like when we hover over the image:
Refer to the Figma Designs
Note: The images aren't connected to the backend yet, but we eventually will need to store them in our database, so it would be good to keep that in mind
On the add NPO screen, we can currently open up our file explorer and select an image, but there is no image preview and we also cannot remove the image. When you upload an image, you should be able to see the image that you just uploaded, and also when you hover over it there should be a trash icon that appears and when clicked, removes the image.
Here is what it currently looks like when an image is uploaded:
This is what we want the preview to look like:
This is what we want it to look like when we hover over the image:
Refer to the Figma Designs
Note: The images aren't connected to the backend yet, but we eventually will need to store them in our database, so it would be good to keep that in mind