From b6b59dd1fbb808cf7a7ec3bfa6dcc5a5f9e6bae3 Mon Sep 17 00:00:00 2001
From: Aaron Liu <912394456@qq.com>
Date: Tue, 7 Feb 2023 19:58:17 +0800
Subject: [PATCH] feat(webdav): improve icons and zh-TW translation for #147

---
 public/locales/zh-TW/application.json |  3 ++
 src/component/Setting/WebDAV.js       | 50 ++++++++++++++++++---------
 2 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/public/locales/zh-TW/application.json b/public/locales/zh-TW/application.json
index 7ea142a..71d39a0 100644
--- a/public/locales/zh-TW/application.json
+++ b/public/locales/zh-TW/application.json
@@ -446,6 +446,9 @@
     "rootFolder": "相對根目錄",
     "createdAt": "創建日期",
     "action": "操作",
+    "readonlyOn": "開啓只讀",
+    "readonlyOff": "關閉只讀",
+    "delete": "刪除",
     "listEmpty": "沒有記錄",
     "createNewAccount": "創建新帳號",
     "taskType": "任務類型",
diff --git a/src/component/Setting/WebDAV.js b/src/component/Setting/WebDAV.js
index 10c9ccf..190d558 100644
--- a/src/component/Setting/WebDAV.js
+++ b/src/component/Setting/WebDAV.js
@@ -15,7 +15,7 @@ import Alert from "@material-ui/lab/Alert";
 import Auth from "../../middleware/Auth";
 import API from "../../middleware/Api";
 import IconButton from "@material-ui/core/IconButton";
-import { Delete, ToggleOff, ToggleOn } from "@material-ui/icons";
+import { Delete } from "@material-ui/icons";
 import CreateWebDAVAccount from "../Modals/CreateWebDAVAccount";
 import TimeAgo from "timeago-react";
 import Link from "@material-ui/core/Link";
@@ -25,6 +25,7 @@ import { useTranslation } from "react-i18next";
 import AppPromotion from "./AppPromotion";
 import Tooltip from "@material-ui/core/Tooltip";
 import ToggleIcon from "material-ui-toggle-icon";
+import { Pencil, PencilOff } from "mdi-material-ui";
 
 const useStyles = makeStyles((theme) => ({
     layout: {
@@ -118,13 +119,15 @@ export default function WebDAV() {
         API.patch("/webdav/accounts", {
             id: account.ID,
             readonly: !account.Readonly,
-        }).then((response) => {
-            account.Readonly = response.data.readonly;
-            const accountCopy = [...accounts];
-            setAccounts(accountCopy);
-        }).catch((error) => {
-            ToggleSnackbar("top", "right", error.message, "error");
-        });
+        })
+            .then((response) => {
+                account.Readonly = response.data.readonly;
+                const accountCopy = [...accounts];
+                setAccounts(accountCopy);
+            })
+            .catch((error) => {
+                ToggleSnackbar("top", "right", error.message, "error");
+            });
     };
 
     const addAccount = (account) => {
@@ -252,23 +255,36 @@ export default function WebDAV() {
                                                         placement="top"
                                                         title={
                                                             row.Readonly
-                                                                ? t("setting.readonlyOff")
-                                                                : t("setting.readonlyOn")
+                                                                ? t(
+                                                                      "setting.readonlyOff"
+                                                                  )
+                                                                : t(
+                                                                      "setting.readonlyOn"
+                                                                  )
                                                         }
                                                         onClick={() =>
-                                                            toggleAccountReadonly(id)
-                                                        }>
+                                                            toggleAccountReadonly(
+                                                                id
+                                                            )
+                                                        }
+                                                    >
                                                         <IconButton>
                                                             <ToggleIcon
-                                                                on={row.Readonly}
+                                                                on={
+                                                                    row.Readonly
+                                                                }
                                                                 onIcon={
-                                                                    <ToggleOn
-                                                                        fontSize={"small"}
+                                                                    <PencilOff
+                                                                        fontSize={
+                                                                            "small"
+                                                                        }
                                                                     />
                                                                 }
                                                                 offIcon={
-                                                                    <ToggleOff
-                                                                        fontSize={"small"}
+                                                                    <Pencil
+                                                                        fontSize={
+                                                                            "small"
+                                                                        }
                                                                     />
                                                                 }
                                                             />