sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-08-28 09:17:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(a11y): WCAG 2.1 AA fixes (#2219)

Browse Source
This commit is contained in:
Philip Okugbe
2026-05-20 16:47:25 +01:00
committed by GitHub
parent 1c166c4736
commit 92c0e36e46
119 changed files with 1064 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/hooks/use-toggle-aside.tsx
+18
View File
@@ -1,6 +1,8 @@
import { asideStateAtom } from "@/components/layouts/global/hooks/atoms/sidebar-atom";
import { useAtom } from "jotai";
export const ASIDE_PANEL_ID = "aside-panel";
const useToggleAside = () => {
const [asideState, setAsideState] = useAtom(asideStateAtom);
@@ -15,4 +17,20 @@ const useToggleAside = () => {
return toggleAside;
};
export const useAsideTriggerProps = (tab: string) => {
const [asideState, setAsideState] = useAtom(asideStateAtom);
return {
onClick: () => {
if (asideState.tab === tab) {
setAsideState({ tab, isAsideOpen: !asideState.isAsideOpen });
} else {
setAsideState({ tab, isAsideOpen: true });
}
},
"aria-expanded": asideState.isAsideOpen && asideState.tab === tab,
"aria-controls": ASIDE_PANEL_ID,
} as const;
};
export default useToggleAside;