Merge pull request #310 from terra-money/sync-8.0.7.1

Sync 8.0.7.1

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"
   },

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,23 @@ export default function ChangeLogModal() {
             <LoadingCircular />
           </div>
         )}
+        <div
+          style={{
+            marginTop: "24px",
+            display: "flex",
+            justifyContent: "center",
+          }}
+        >
+          <Button
+            variant="primary"
+            onClick={() => {
+              setShowChangelog(false)
+              localStorage.setItem(LOCALSTORAGE_CHANGELOG_KEY, currentVersion)
+            }}
+          >
+            {t("Close")}
+          </Button>
+        </div>
       </article>
     </Modal>
   )