chore(dev): show session role, convexUserId and Convex URL in sidebar footer to debug empty data in local dev

This commit is contained in:
Esdras Renan 2025-10-10 10:06:46 -03:00
parent 4f03433afe
commit 7b768735ea

View file

@ -161,16 +161,16 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
}
return (
<Sidebar {...props}>
<SidebarHeader className="gap-3">
<Sidebar {...props}>
<SidebarHeader className="gap-3">
<VersionSwitcher
label="Sistema de chamados"
versions={[...navigation.versions]}
defaultVersion={navigation.versions[0]}
/>
<SearchForm placeholder="Buscar tickets" />
</SidebarHeader>
<SidebarContent>
</SidebarHeader>
<SidebarContent>
{navigation.navMain.map((group) => {
if (!canAccess(group.requiredRole)) return null
const visibleItems = group.items.filter((item) => canAccess(item.requiredRole))
@ -195,7 +195,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
</SidebarGroup>
)
})}
</SidebarContent>
</SidebarContent>
<SidebarFooter>
{isLoading ? (
<div className="flex items-center gap-3 rounded-lg border border-border/70 bg-sidebar p-3 shadow-sm">
@ -214,9 +214,33 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
}}
/>
)}
{process.env.NODE_ENV !== "production" ? (
<div className="mt-3 rounded-lg border border-dashed border-slate-300 bg-slate-50 p-2 text-[11px] text-slate-700">
<div className="flex items-center justify-between">
<span className="font-semibold">Dev</span>
<span className="rounded-full border border-slate-300 bg-white px-2 py-[2px]">{isStaff ? "staff" : "guest"}</span>
</div>
<div className="mt-1 grid gap-[2px]">
<div>
<span className="text-slate-500">role: </span>
<span className="font-mono">{(session?.user as any)?.role ?? "(none)"}</span>
</div>
<div className="truncate">
<span className="text-slate-500">convexUserId: </span>
<span className="font-mono">{convexUserId ?? "(null)"}</span>
</div>
{process.env.NEXT_PUBLIC_CONVEX_URL ? (
<div className="truncate">
<span className="text-slate-500">convex: </span>
<span className="font-mono">{process.env.NEXT_PUBLIC_CONVEX_URL}</span>
</div>
) : null}
</div>
</div>
) : null}
</SidebarFooter>
<SidebarRail />
</Sidebar>
)
}
<SidebarRail />
</Sidebar>
)
}