apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-21 18:55:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: add CollapsedInboxIcon component to enhance sidebar functionality

Browse source
This commit is contained in:
Anish Sarkar 2026-05-14 00:13:53 +05:30
parent 75b7a9cc6c
commit bd5f1b3cdf
1 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
surfsense_web/components/layout/ui/sidebar/Sidebar.tsx
View file

@ -31,6 +31,21 @@ function ChatListItemSkeleton() {
);
}
function CollapsedInboxIcon({ item }: { item: NavItem }) {
const Icon = item.icon;
return (
<span className="relative flex h-3.5 w-3.5 items-center justify-center">
<Icon className="h-3.5 w-3.5" />
{typeof item.badge === "string" ? (
<span className="absolute right-0 top-0 flex min-w-3.5 -translate-y-1/2 translate-x-1/2 items-center justify-center rounded-full bg-destructive px-1 text-[9px] font-medium leading-3 text-destructive-foreground">
{item.badge}
</span>
) : null}
</span>
);
}
interface SidebarProps {
searchSpace: SearchSpace | null;
isCollapsed?: boolean;
@ -164,6 +179,8 @@ export function Sidebar({
isCollapsed={isCollapsed}
isActive={inboxItem.isActive}
badge={inboxItem.badge}
collapsedIconNode={<CollapsedInboxIcon item={inboxItem} />}
tooltipContent={isCollapsed ? inboxItem.title : undefined}
buttonProps={
{
"data-joyride": "inbox-sidebar",