Some comments lol:

1. Can’t find image for the upload file portion. On Figma, the drop zone is just a screen shot so I free styled it.

2. Imported existing ‘ImageModel.tsx’ file, but could not call as a component since I needed to modify it. Put modified version in ‘ProviderGallerySlide.tsx’.

3. Uploading image follows how Map Info uploads images:

   1. User adds file to drop zone
   2. ‘Cancel’ and ‘Save’ button pop up
   3. Image saving should work as I copied the Map Info implementation and that seems to work; modified to update the respective slide’s imgLink property.
   4. Both ‘Cancel’ and ‘Save’ go back to the upload file drop zone. Maybe replace with image from slide’s imgLink property if set? But then how would edit look? Should there be a delete option for the image?

4. Tried to put gallery creation component into collapsible component but refreshes page every time I click to expand. Maybe something to do with the provider page instead of the collapsible component since the collapsible is dependent on scrollheight and you cannot scroll on page? Removing that style lets you see in collapsible but breaks the expand-close. Also, the collapsible sets side margins for its children component, so child width is slowly gets constrained to middle when viewing from larger screens; not sure if that is how it is supposed to be.

5. Carousel was not working on add/edit providers screen (refreshes page when trying to go to next slides like clicking the collapsible), moved to ‘SingleProvider.tsx’ and marked with "{/*TO BE DELETED */} as with the gallery creation components in ‘RowForm.tsx’.