esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

auth: eliminar flash do login

Browse source 
- Simplifica AuthGuard para não redirecionar no cliente (gate feito no middleware)
- Adiciona skeleton de carregamento no AppShell enquanto
- Troca anchors por Next Link no sidebar para navegação client-side

Sem mudanças de schema/DB; apenas UX e roteamento no cliente.
This commit is contained in:
Esdras Renan 2025-10-14 09:52:39 -03:00
parent 32488d48ca
commit c88622d762
3 changed files with 61 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/app-sidebar.tsx
View file

@ -22,6 +22,7 @@ import {
ShieldCheck,
} from "lucide-react"
import { usePathname } from "next/navigation"
import Link from "next/link"
import { SearchForm } from "@/components/search-form"
import { VersionSwitcher } from "@/components/version-switcher"
@ -240,7 +241,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
<React.Fragment key={item.title}>
<SidebarMenuItem>
<SidebarMenuButton asChild isActive={parentActive}>
<a href={item.url} className={cn("gap-2", "relative pr-7") }>
<Link href={item.url} className={cn("gap-2", "relative pr-7") }>
{item.icon ? <item.icon className="size-4" /> : null}
<span className="flex-1">{item.title}</span>
<span
@ -258,17 +259,17 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
>
<ChevronDown className="size-3" />
</span>
</a>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
{isExpanded
? childItems.map((child) => (
<SidebarMenuItem key={`${item.title}-${child.title}`}>
<SidebarMenuButton asChild isActive={isActive(child)}>
<a href={child.url} className="gap-2 pl-7 text-sm">
<Link href={child.url} className="gap-2 pl-7 text-sm">
{child.icon ? <child.icon className="size-3.5 text-neutral-500" /> : null}
<span>{child.title}</span>
</a>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
))
@ -280,10 +281,10 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
return (
<SidebarMenuItem key={item.title}>
<SidebarMenuButton asChild isActive={isActive(item)}>
<a href={item.url} className="gap-2">
<Link href={item.url} className="gap-2">
{item.icon ? <item.icon className="size-4" /> : null}
<span>{item.title}</span>
</a>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
)