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>
--
GitLab