From 57c18e7e4a8eb9d7d572f68633add38cabfd50f1 Mon Sep 17 00:00:00 2001
From: Michael Merz <mwmerz@protonmail.com>
Date: Wed, 6 Mar 2024 13:37:03 -0500
Subject: [PATCH] fix: add close button to changelog modal. bump version

---
 public/manifest.json                    |  4 ++--
 src/extension/update/ChangeLogModal.tsx | 20 +++++++++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/public/manifest.json b/public/manifest.json
index 7cf740af9..b4d72019f 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
   "name": "Station Wallet",
-  "version": "8.0.7",
-  "version_name": "8.0.7",
+  "version": "8.0.7.1",
+  "version_name": "8.0.7.1",
   "background": {
     "service_worker": "background.js"
   },
diff --git a/src/extension/update/ChangeLogModal.tsx b/src/extension/update/ChangeLogModal.tsx
index 714775167..d422d1dcb 100644
--- a/src/extension/update/ChangeLogModal.tsx
+++ b/src/extension/update/ChangeLogModal.tsx
@@ -1,8 +1,9 @@
 import { useQuery } from "react-query"
 import styles from "./ChangeLogModal.module.scss"
-import { LoadingCircular, Modal } from "@terra-money/station-ui"
+import { LoadingCircular, Modal, Button } from "@terra-money/station-ui"
 import axios from "axios"
 import { RefetchOptions } from "data/query"
+import { useTranslation } from "react-i18next"
 import browser from "webextension-polyfill"
 import { markdownTextParser } from "utils/markdown"
 import { useState } from "react"
@@ -29,6 +30,7 @@ const useChangeLogInfo = (version?: string) => {
 }
 
 export default function ChangeLogModal() {
+  const { t } = useTranslation()
   const currentVersion = browser.runtime?.getManifest?.()?.version
   const lastVersionShown = localStorage.getItem(LOCALSTORAGE_CHANGELOG_KEY)
   const [showChangelog, setShowChangelog] = useState<boolean>(
@@ -70,6 +72,22 @@ export default function ChangeLogModal() {
             <LoadingCircular />
           </div>
         )}
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "center",
+          }}
+        >
+          <Button
+            variant="primary"
+            onClick={() => {
+              setShowChangelog(false)
+              localStorage.setItem(LOCALSTORAGE_CHANGELOG_KEY, currentVersion)
+            }}
+          >
+            {t("Close")}
+          </Button>
+        </div>
       </article>
     </Modal>
   )