clean help menu

This commit is contained in:
2026-07-16 10:27:52 +08:00
parent f62a583886
commit cbe1285248
+1 -45
View File
@@ -1,8 +1,5 @@
import {
Bell,
BookOpen,
CircleHelp,
Contact,
FolderKanban,
Home,
LogOut,
@@ -56,7 +53,6 @@ export function Sidebar({
onLogout,
}: LauncherSidebarProps) {
const [accountMenuOpen, setAccountMenuOpen] = useState(false);
const [helpMenuOpen, setHelpMenuOpen] = useState(false);
const accountMenuRef = useRef<HTMLDivElement | null>(null);
const helpMenuRef = useRef<HTMLDivElement | null>(null);
@@ -72,7 +68,6 @@ export function Sidebar({
return;
}
setAccountMenuOpen(false);
setHelpMenuOpen(false);
}
function handlePointerDown(event: PointerEvent) {
@@ -85,7 +80,6 @@ export function Sidebar({
function handleWindowBlur() {
setAccountMenuOpen(false);
setHelpMenuOpen(false);
}
document.addEventListener('pointerdown', handlePointerDown);
@@ -100,7 +94,6 @@ export function Sidebar({
function closeMenus() {
setAccountMenuOpen(false);
setHelpMenuOpen(false);
}
function showNotice(title: string) {
@@ -154,7 +147,6 @@ export function Sidebar({
type="button"
className={sidebarIconButtonClass}
onClick={() => {
setHelpMenuOpen(false);
setAccountMenuOpen((open) => !open);
}}
aria-expanded={accountMenuOpen}
@@ -222,48 +214,12 @@ export function Sidebar({
aria-label="帮助"
title="帮助"
className={sidebarHelpButtonClass}
aria-expanded={helpMenuOpen}
onClick={() => {
setAccountMenuOpen(false);
setHelpMenuOpen((open) => !open);
// TODO open the guide
}}
>
<CircleHelp size={17} aria-hidden="true" />
</button>
{helpMenuOpen ? (
<div
className="absolute bottom-[-4px] left-14 z-[90] grid min-w-[150px] gap-[5px] rounded-lg border border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) p-2 text-(--platform-text-strong) shadow-[0_14px_34px_rgb(15_23_42_/_14%)]"
role="menu"
>
<button
type="button"
role="menuitem"
className={sidebarMenuItemClass}
onClick={() => showNotice('使用指南')}
>
<BookOpen size={14} aria-hidden="true" />
使
</button>
<button
type="button"
role="menuitem"
className={sidebarMenuItemClass}
onClick={() => showNotice('联系我们')}
>
<Contact size={14} aria-hidden="true" />
</button>
<button
type="button"
role="menuitem"
className={sidebarMenuItemClass}
onClick={() => showNotice('最新动态')}
>
<Bell size={14} aria-hidden="true" />
</button>
</div>
) : null}
</div>
<button
type="button"