diff --git a/desktop/src/features/search/ui/TopbarSearch.tsx b/desktop/src/features/search/ui/TopbarSearch.tsx index da7452012..703d5b425 100644 --- a/desktop/src/features/search/ui/TopbarSearch.tsx +++ b/desktop/src/features/search/ui/TopbarSearch.tsx @@ -20,6 +20,7 @@ import { DialogTitle, DialogTrigger, } from "@/shared/ui/dialog"; +import { SidebarMenuButton } from "@/shared/ui/sidebar"; import { Skeleton } from "@/shared/ui/skeleton"; import { UserAvatar } from "@/shared/ui/UserAvatar"; @@ -30,6 +31,7 @@ type TopbarSearchProps = { focusRequest?: number; onOpenChannel: (channelId: string) => void; onOpenResult: (hit: SearchHit) => void; + variant?: "bar" | "sidebar-item"; }; function describeSearchHit(hit: SearchHit) { @@ -146,11 +148,13 @@ export function TopbarSearch({ focusRequest = 0, onOpenChannel, onOpenResult, + variant = "bar", }: TopbarSearchProps) { const [isOpen, setIsOpen] = React.useState(false); const [selectedMenuIndex, setSelectedMenuIndex] = React.useState(0); const triggerRef = React.useRef(null); const dialogInputRef = React.useRef(null); + const isSidebarItemVariant = variant === "sidebar-item"; const { channelLookup, debouncedQuery, @@ -330,26 +334,45 @@ export function TopbarSearch({
- + + Search + + + ) : ( + + )} - + + +