clean help menu
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user