feat(admin): reorganize housekeeping and strengthen shared workflows
This commit is contained in:
1 parent
35f66d879f
commit
a070004e7b
35 files changed
+1667
-462
No files matched your search
@@ -1,6 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { Menu, X } from "lucide-react";
|
||||
import { useTranslations } from "next-intl";
|
||||
import {
|
||||
createContext,
|
||||
type ReactNode,
|
||||
@@ -26,6 +27,7 @@ export function AdminMobileWrapper({
|
||||
sidebar: ReactNode;
|
||||
children: ReactNode;
|
||||
}) {
|
||||
const t = useTranslations("pages.admin.nav");
|
||||
const [open, setOpen] = useState(false);
|
||||
const close = useCallback(() => setOpen(false), []);
|
||||
const mobile = useMemo(() => ({ close }), [close]);
|
||||
@@ -57,6 +59,9 @@ export function AdminMobileWrapper({
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setOpen(!open)}
|
||||
aria-label={t(open ? "closeSidebar" : "openSidebar")}
|
||||
aria-expanded={open}
|
||||
aria-controls="admin-sidebar-panel"
|
||||
className="flex items-center justify-center w-9 h-9 rounded-lg
|
||||
focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--admin-accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--admin-sidebar-background)]"
|
||||
style={{ color: "var(--admin-sidebar-text-readable)" }}
|
||||
@@ -67,7 +72,7 @@ export function AdminMobileWrapper({
|
||||
className="text-sm font-bold"
|
||||
style={{ color: "var(--admin-sidebar-text-readable)" }}
|
||||
>
|
||||
Admin Panel
|
||||
{t("housekeeping")}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -75,7 +80,7 @@ export function AdminMobileWrapper({
|
||||
{open && (
|
||||
<button
|
||||
type="button"
|
||||
aria-label="Close menu"
|
||||
aria-label={t("closeSidebar")}
|
||||
className="fixed inset-0 z-40 lg:hidden"
|
||||
onClick={() => setOpen(false)}
|
||||
style={{ backgroundColor: "rgba(0,0,0,0.5)" }}
|
||||
@@ -84,6 +89,7 @@ export function AdminMobileWrapper({
|
||||
|
||||
{/* Sidebar */}
|
||||
<div
|
||||
id="admin-sidebar-panel"
|
||||
className={`fixed inset-y-0 left-0 z-50 flex h-full w-[260px] flex-col overflow-hidden lg:!relative lg:shrink-0 lg:!translate-x-0 ${
|
||||
open ? "translate-x-0" : "-translate-x-full"
|
||||
}`}
|
||||
|
||||
Reference in new issue
Block a user