chore: add confirm dialog for disable password login setting

web/src/components/Settings/SystemSection.tsx

@@ -9,6 +9,7 @@ import { WorkspaceSettingPrefix } from "@/store/v1";
 import { WorkspaceGeneralSetting } from "@/types/proto/api/v2/workspace_setting_service";
 import { WorkspaceSettingKey } from "@/types/proto/store/workspace_setting";
 import { useTranslate } from "@/utils/i18n";
+import { showCommonDialog } from "../Dialog/CommonDialog";
 import Icon from "../Icon";
 import showUpdateCustomizedProfileDialog from "../UpdateCustomizedProfileDialog";
 
@@ -72,6 +73,7 @@ const SystemSection = () => {
   };
 
   const handleDisablePasswordLoginChanged = async (value: boolean) => {
+    const updateSetting = async () => {
       const setting = { ...workspaceGeneralSetting, disallowPasswordLogin: value };
       await workspaceSettingServiceClient.setWorkspaceSetting({
         setting: {
@@ -81,6 +83,20 @@ const SystemSection = () => {
       });
       setWorkspaceGeneralSetting(setting);
     };
+    if (value) {
+      showCommonDialog({
+        title: "Confirm",
+        content: "Are you sure to disable password login?",
+        style: "danger",
+        dialogName: "disable-password-login-dialog",
+        onConfirm: async () => {
+          await updateSetting();
+        },
+      });
+    } else {
+      await updateSetting();
+    }
+  };
 
   const handleUpdateCustomizedProfileButtonClick = () => {
     showUpdateCustomizedProfileDialog();