calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-08-31 08:21:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

add mising tooltips to collapsed sidebar

Browse Source
This commit is contained in:
miloschwartz
2026-07-06 21:52:22 -04:00
parent a521db91a2
commit d742300e82
1 changed files with 69 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LayoutSidebar.tsx
+56 -36
View File
@@ -175,34 +175,46 @@ export function LayoutSidebar({
isSidebarCollapsed ? "mb-4" : "mb-1" isSidebarCollapsed ? "mb-4" : "mb-1"
)} )}
> >
{isSidebarCollapsed ? (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Link <Link
href={`/${orgId}`} href={`/${orgId}`}
className={cn( className={cn(
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md", "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-2 py-2 justify-center"
isSidebarCollapsed
? "px-2 py-2 justify-center"
: "px-3 py-1.5"
)}
title={
isSidebarCollapsed
? t("resourceLauncherTitle")
: undefined
}
>
<span
className={cn(
"flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground",
!isSidebarCollapsed && "mr-3"
)} )}
> >
<span className="flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground">
<SquareMousePointer className="h-4 w-4" />
</span>
</Link>
</TooltipTrigger>
<TooltipContent
side="right"
sideOffset={8}
>
<p>
{t("resourceLauncherTitle")}
</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : (
<Link
href={`/${orgId}`}
className={cn(
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-3 py-1.5"
)}
>
<span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center text-muted-foreground">
<SquareMousePointer className="h-4 w-4" /> <SquareMousePointer className="h-4 w-4" />
</span> </span>
{!isSidebarCollapsed && (
<span className="flex-1"> <span className="flex-1">
{t("resourceLauncherTitle")} {t("resourceLauncherTitle")}
</span> </span>
)}
</Link> </Link>
)}
</div> </div>
)} )}
{!isAdminPage && user.serverAdmin && ( {!isAdminPage && user.serverAdmin && (
@@ -212,36 +224,44 @@ export function LayoutSidebar({
isSidebarCollapsed ? "mb-4" : "mb-1" isSidebarCollapsed ? "mb-4" : "mb-1"
)} )}
> >
{isSidebarCollapsed ? (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Link <Link
href="/admin" href="/admin"
className={cn( className={cn(
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md", "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-2 py-2 justify-center"
isSidebarCollapsed
? "px-2 py-2 justify-center"
: "px-3 py-1.5"
)}
title={
isSidebarCollapsed
? t("serverAdmin")
: undefined
}
>
<span
className={cn(
"flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground",
!isSidebarCollapsed && "mr-3"
)} )}
> >
<span className="flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground">
<Server className="h-4 w-4" />
</span>
</Link>
</TooltipTrigger>
<TooltipContent
side="right"
sideOffset={8}
>
<p>{t("serverAdmin")}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : (
<Link
href="/admin"
className={cn(
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-3 py-1.5"
)}
>
<span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center text-muted-foreground">
<Server className="h-4 w-4" /> <Server className="h-4 w-4" />
</span> </span>
{!isSidebarCollapsed && (
<>
<span className="flex-1"> <span className="flex-1">
{t("serverAdmin")} {t("serverAdmin")}
</span> </span>
</>
)}
</Link> </Link>
)}
</div> </div>
)} )}
<SidebarNav <SidebarNav