Summary

When clicking on an image in the media archive, all images, except for the selected image, should be at 20% opacity. Add close button to right modal. Change text 'Include in WP' to 'Import to Library' to be consistent with language used elsewhere. Once the user clicks on 'Import to Library' after processing, display 'Added to library' for a few seconds so that the user knows that this photo has been added to their library. At this stage the 'Added' UI should appear in the left hand side of the image as well and should remain there.

Requirements

• When an image is selected and the user hovers over another image (at 20% opacity), the image should clickable (and 100% opacity) so that they could select another image without having to exit the right modal. 

Resources

• Refer to 'Importing photo flow' in the Figma Wireframe