Changelog Modal

[ptruong0]

Description

Created a modal element that contains a text description and image. Should only appear once since I set a variable in local storage that prevents the modal from being shown the next time the website is loaded.

Screenshots

Steps to verify/test this change:

• Verify changes work as expected on staging instance

Final Checks:

• Verify successful deployment

(optional)

• Write tests
• Write documentation

Issues

Closes #

[ptruong0]

The content can be changed later, does the UI look okay?

[Awesome-E]

Same thing as I said here for the most part: #426 (comment)

I think it should be consistent with #419's modal with the background color, no borders, and large X button. I believe I also used a filled background with white text for the button, though that was more of a call to action than this one.

Layout other than that looks fine to me.

[ptruong0]

Do you think the close button is still necessary? Right now, there are 3 ways to close the modal: (1) X button, (2) Close button at the bottom, (3) Clicking outside the modal.

[js0mmer]

I'd say it's unnecessary.

[js0mmer]

LGTM! I think for now we can just comment out the ChangelogModal within the App component. Once we add something new, someone can uncomment it and write up a changelog.

[Awesome-E]

The padding of this modal looks different from the padding of the year modal, but I think this is not as big of a deal right now (I should make a PR later to use those styles for all modal elements instead of asking each PR author to copy code to make theirs consistent)

However, I do think you should make the modal enter/exit smoothly like the add year one instead of just disappearing instantly when the close button is clicked