dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance mobile experience by closing sidebar on link click

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-15 15:28:24 +07:00
parent 7371a9e517
commit 00ff74bab6
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/components/layout/app-sidebar.tsx
View File

@ -111,6 +111,7 @@ const sistemItems: NavMenuItem[] = [
function MenuGroup({ label, items }: { label: string; items: NavMenuItem[] }) {
const { isCurrentUrl } = useCurrentUrl();
const { can, canAny } = useCan();
const { isMobile, setOpenMobile } = useSidebar();
const filtered = items.filter((item) => {
if (!item.permission) {
@ -139,7 +140,7 @@ function MenuGroup({ label, items }: { label: string; items: NavMenuItem[] }) {
isActive={isCurrentUrl(item.href)}
tooltip={{ children: item.title }}
>
<Link href={item.href} prefetch>
<Link href={item.href} prefetch onClick={() => isMobile && setOpenMobile(false)}>
<item.icon />
<span>{item.title}</span>
</Link>
@ -174,7 +175,7 @@ export function AppSidebar() {
<SidebarMenu>
<SidebarMenuItem>
<SidebarMenuButton size="lg" asChild>
<Link href={dashboard.url()} prefetch>
<Link href={dashboard.url()} prefetch onClick={() => isMobile && setOpenMobile(false)}>
<AppLogo />
</Link>
</SidebarMenuButton>
@ -191,7 +192,7 @@ export function AppSidebar() {
isActive={isCurrentUrl(dasborItem.href)}
tooltip={{ children: dasborItem.title }}
>
<Link href={dasborItem.href} prefetch>
<Link href={dasborItem.href} prefetch onClick={() => isMobile && setOpenMobile(false)}>
<dasborItem.icon />
<span>{dasborItem.title}</span>
</Link>
@ -209,7 +210,7 @@ export function AppSidebar() {
isActive={isCurrentUrl(analisaItem.href)}
tooltip={{ children: analisaItem.title }}
>
<Link href={analisaItem.href} prefetch>
<Link href={analisaItem.href} prefetch onClick={() => isMobile && setOpenMobile(false)}>
<analisaItem.icon />
<span>{analisaItem.title}</span>
</Link>