feat(channel): redesign guest mode warning dialog

- Reorder buttons: Confirm (primary) > Switch to Private > Disable Guest Mode (small gray)
- Update title and description to focus on visibility impact
- Add confirm key to en/zh locales; remove dont_remind key
This commit is contained in:
haorwen
2026-06-27 22:24:21 +08:00
parent 5a0db7a0f2
commit 16cec4a535
3 changed files with 12 additions and 12 deletions
+4 -4
View File
@@ -79,10 +79,10 @@
"remark_placeholder": "Set Nickname",
"guest_mode_warning": {
"title": "Guest Mode is Enabled",
"desc": "Unauthenticated visitors can see messages in public channels. You may disable guest mode or switch to a private channel instead.",
"title": "This Channel Will Be Visible to Guests",
"desc": "If you continue, guest users may be able to see messages in this public channel.",
"confirm": "Confirm",
"disable_guest": "Disable Guest Mode",
"switch_private": "Switch to Private Channel",
"dont_remind": "Don't remind me again"
"switch_private": "Switch to Private Channel"
}
}
+4 -4
View File
@@ -78,10 +78,10 @@
"remark_placeholder": "备注该用户",
"guest_mode_warning": {
"title": "访客模式已开启",
"desc": "未登录的访客可以看到公共频道的消息流。您可以前往关闭访客模式,或改为创建私有频道。",
"title": "该频道将对访客可见",
"desc": "继续创建后,访客用户可能会看到公共频道的消息。",
"confirm": "确认创建",
"disable_guest": "关闭访客模式",
"switch_private": "改为私有频道",
"dont_remind": "不再提醒"
"switch_private": "改为私有频道"
}
}
+4 -4
View File
@@ -48,17 +48,17 @@ const GuestModeWarning: FC<GuestModeWarningProps> = ({ onDisableGuest, onSwitchP
{t("guest_mode_warning.desc")}
</p>
<div className="flex flex-col gap-2">
<Button onClick={onDisableGuest} className="text-sm w-full justify-center">
{t("guest_mode_warning.disable_guest")}
<Button onClick={onDismiss} className="text-sm w-full justify-center">
{t("guest_mode_warning.confirm")}
</Button>
<Button onClick={onSwitchPrivate} className="text-sm w-full justify-center cancel">
{t("guest_mode_warning.switch_private")}
</Button>
<button
onClick={onDismiss}
onClick={onDisableGuest}
className="text-xs text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 mt-1 text-center"
>
{t("guest_mode_warning.dont_remind")}
{t("guest_mode_warning.disable_guest")}
</button>
</div>
</div>