From cb48600b405bae61d74c0edf951ead2a5d4d0efd Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Mon, 15 Aug 2022 00:55:35 +0800
Subject: [PATCH] fix: adjust dialog action button variant

---
 src/components/layout/update-dialog.tsx       | 8 ++++++--
 src/components/setting/mods/config-viewer.tsx | 4 +++-
 src/components/setting/mods/web-ui-viewer.tsx | 4 +++-
 src/components/setting/setting-theme.tsx      | 4 +++-
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/update-dialog.tsx b/src/components/layout/update-dialog.tsx
index 971d5b3..d4345b8 100644
--- a/src/components/layout/update-dialog.tsx
+++ b/src/components/layout/update-dialog.tsx
@@ -2,6 +2,7 @@ import useSWR from "swr";
 import snarkdown from "snarkdown";
 import { useMemo } from "react";
 import { useRecoilState } from "recoil";
+import { useTranslation } from "react-i18next";
 import {
   Box,
   Button,
@@ -28,6 +29,7 @@ const UpdateLog = styled(Box)(() => ({
 
 const UpdateDialog = (props: Props) => {
   const { open, onClose } = props;
+  const { t } = useTranslation();
   const { data: updateInfo } = useSWR("checkUpdate", checkUpdate, {
     errorRetryCount: 2,
     revalidateIfStale: false,
@@ -69,14 +71,16 @@ const UpdateDialog = (props: Props) => {
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={onClose}>Cancel</Button>
+        <Button variant="outlined" onClick={onClose}>
+          {t("Cancel")}
+        </Button>
         <Button
           autoFocus
           variant="contained"
           disabled={updateState}
           onClick={onUpdate}
         >
-          Update
+          {t("Update")}
         </Button>
       </DialogActions>
     </Dialog>
diff --git a/src/components/setting/mods/config-viewer.tsx b/src/components/setting/mods/config-viewer.tsx
index 6606fd8..88cfc28 100644
--- a/src/components/setting/mods/config-viewer.tsx
+++ b/src/components/setting/mods/config-viewer.tsx
@@ -64,7 +64,9 @@ const ConfigViewer = () => {
         </DialogContent>
 
         <DialogActions>
-          <Button onClick={() => setOpen(false)}>{t("Back")}</Button>
+          <Button variant="outlined" onClick={() => setOpen(false)}>
+            {t("Back")}
+          </Button>
         </DialogActions>
       </Dialog>
 
diff --git a/src/components/setting/mods/web-ui-viewer.tsx b/src/components/setting/mods/web-ui-viewer.tsx
index ca9ce1e..68b47a7 100644
--- a/src/components/setting/mods/web-ui-viewer.tsx
+++ b/src/components/setting/mods/web-ui-viewer.tsx
@@ -145,7 +145,9 @@ const WebUIViewer = ({ handler, onError }: Props) => {
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={() => setOpen(false)}>{t("Back")}</Button>
+        <Button variant="outlined" onClick={() => setOpen(false)}>
+          {t("Back")}
+        </Button>
       </DialogActions>
     </Dialog>
   );
diff --git a/src/components/setting/setting-theme.tsx b/src/components/setting/setting-theme.tsx
index 22c097c..13ea2bc 100644
--- a/src/components/setting/setting-theme.tsx
+++ b/src/components/setting/setting-theme.tsx
@@ -142,7 +142,9 @@ const SettingTheme = (props: Props) => {
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={onClose}>{t("Cancel")}</Button>
+        <Button variant="outlined" onClick={onClose}>
+          {t("Cancel")}
+        </Button>
         <Button onClick={onSave} variant="contained">
           {t("Save")}
         </Button>