poyrazavsever/poyraz-portfolio
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve search command results rendering with conditional display

Browse Source
This commit is contained in:
poyrazavsever
2026-03-11 00:09:28 +03:00
parent 4ac6c518c6
commit 6e29f0fbf9
1 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/search-command.tsx
+21 -18
View File
@@ -92,24 +92,27 @@ export function SearchCommand({ open, onOpenChange }: SearchCommandProps) {
onValueChange={setQuery}
/>
<CommandPaletteList>
<CommandPaletteEmpty>Sonuç bulunamadı.</CommandPaletteEmpty>
{filteredGroups.map((group, index) => (
<div key={group.id}>
{index > 0 && <CommandPaletteSeparator />}
<CommandPaletteGroup heading={group.heading}>
{group.items.map((item) => (
<CommandPaletteItem
key={item.id}
icon={<Icon icon={item.icon} width={16} height={16} />}
onClick={() => handleCommandSelect(item)}
className="cursor-pointer"
>
{item.label}
</CommandPaletteItem>
))}
</CommandPaletteGroup>
</div>
))}
{filteredGroups.length === 0 ? (
<CommandPaletteEmpty>Sonuç bulunamadı.</CommandPaletteEmpty>
) : (
filteredGroups.map((group, index) => (
<div key={group.id}>
{index > 0 && <CommandPaletteSeparator />}
<CommandPaletteGroup heading={group.heading}>
{group.items.map((item) => (
<CommandPaletteItem
key={item.id}
icon={<Icon icon={item.icon} width={16} height={16} />}
onClick={() => handleCommandSelect(item)}
className="cursor-pointer"
>
{item.label}
</CommandPaletteItem>
))}
</CommandPaletteGroup>
</div>
))
)}
</CommandPaletteList>
<CommandPaletteFooter className="text-xs text-muted-foreground">
Hızlıca açmak için {shortcut} kullan