diff --git a/web/.eslintrc.json b/web/.eslintrc.json
index 4d4bc935..129c20e5 100644
--- a/web/.eslintrc.json
+++ b/web/.eslintrc.json
@@ -21,6 +21,8 @@
         "endOfLine": "auto"
       }
     ],
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "error",
     "@typescript-eslint/no-explicit-any": ["off"],
     "react/react-in-jsx-scope": "off"
   },
diff --git a/web/src/components/Settings/SystemSection.tsx b/web/src/components/Settings/SystemSection.tsx
index 7aa2b1d2..97d3558f 100644
--- a/web/src/components/Settings/SystemSection.tsx
+++ b/web/src/components/Settings/SystemSection.tsx
@@ -2,25 +2,8 @@ import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import Switch from "@mui/joy/Switch";
 import * as api from "../../helpers/api";
-import { globalService, userService } from "../../services";
-import Selector from "../common/Selector";
 import "../../less/settings/preferences-section.less";
 
-const localeSelectorItems = [
-  {
-    text: "English",
-    value: "en",
-  },
-  {
-    text: "中文",
-    value: "zh",
-  },
-  {
-    text: "Tiếng Việt",
-    value: "vi",
-  },
-];
-
 interface State {
   allowSignUp: boolean;
 }
@@ -55,7 +38,7 @@ const SystemSection = () => {
     <div className="section-container preferences-section-container">
       <p className="title-text">{t("common.basic")}</p>
       <label className="form-label selector">
-        <span className="normal-text">Allow user signUp</span>
+        <span className="normal-text">Allow user signup</span>
         <Switch size="sm" checked={state.allowSignUp} onChange={(event) => handleAllowSignUpChanged(event.target.checked)} />
       </label>
     </div>