T299925 covers writing the code for the new Echo notification for image suggestions. This ticket describes the UI of the new notification
Acceptance Criteria:
[] The notification contains a small thumbnail of the image being recommended **Note: This is a nice to have. If this is difficult, we should break it into another task and save it in the backlog for V2.**
[] The notification contains the name of the unillustrated article that the image is matched to
[] The notification reads "We found media that might be a good fit for the {Article Name} article on your watchlist"
[] If the user clicks on Review media in the notification, they are taken to the file page of the suggested file on Commons
[] If the user clicks on Review article in the notification, they are taken to the article page for the recommended unillustrated article
[] **Note: Having specific copy for specific media type is a nice to have and a preferred option if it is possible to include it. i.e. instead of using generic term "media", we can say image, video, audio, file etc. If this is difficult, we should break it into another task and save it in the backlog for V2.**
[] If the user clicks on the "Learn more" link, they are taken to the help page for adding images on the language wiki with the recommendation
- pt: https://pt.wikipedia.org/wiki/Ajuda:Guia_de_edi%C3%A7%C3%A3o/Como_usar_imagens
- ru: https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%98%D0%BB%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5
- Other languages TBD, not part of this task
[] The "All notifications" link takes the user to Special:Notifications and the "Preferences" link takes the user to notification preferences (following the existing notification design.)
[] Design matches the following mock {F34939546}