shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add icons for search results

Browse Source
This commit is contained in:
Henry
2025-10-01 22:40:12 +01:00
parent 468bd8afec
commit bd691017ad
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/src/components/CommandPallette.tsx
View File

@@ -10,7 +10,7 @@ import {
} from "@headlessui/react"; } from "@headlessui/react";
import { t } from "@lingui/macro"; import { t } from "@lingui/macro";
import { useState } from "react"; import { useState } from "react";
import { HiMagnifyingGlass } from "react-icons/hi2"; import { HiDocumentText, HiFolder, HiMagnifyingGlass } from "react-icons/hi2";
import { useDebounce } from "~/hooks/useDebounce"; import { useDebounce } from "~/hooks/useDebounce";
import { useWorkspace } from "~/providers/workspace"; import { useWorkspace } from "~/providers/workspace";
@@ -148,6 +148,13 @@ export default function CommandPallette({
}} }}
> >
<div className="flex items-start gap-3"> <div className="flex items-start gap-3">
<div className="mt-0.5 flex-shrink-0">
{result.type === "board" ? (
<HiFolder className="h-4 w-4 text-light-600 dark:text-dark-600" />
) : (
<HiDocumentText className="h-4 w-4 text-light-600 dark:text-dark-600" />
)}
</div>
<div className="min-w-0 flex-1 text-left"> <div className="min-w-0 flex-1 text-left">
<div className="truncate text-sm font-bold text-light-900 dark:text-dark-900"> <div className="truncate text-sm font-bold text-light-900 dark:text-dark-900">
{result.title} {result.title}