Merge pull request #137 from PranavRayudu/main

Added icon support to KBar
timlrx · Sep 20, 2023 · e16568b · e16568b
2 parents 99350ca + e9bcff8
commit e16568b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/.changeset/witty-weeks-tap.md b/.changeset/witty-weeks-tap.md
@@ -0,0 +1,5 @@
+---
+"pliny": patch
+---
+
+Added icon support to KBar
diff --git a/packages/pliny/src/search/KBarModal.tsx b/packages/pliny/src/search/KBarModal.tsx
@@ -1,3 +1,5 @@
+// noinspection TypeScriptMissingConfigOption
+
 import {
   KBarPortal,
   KBarSearch,
@@ -75,13 +77,16 @@ const RenderResults = () => {
                     : 'text-gray-700 dark:text-gray-100 bg-transparent'
                 }`}
               >
-                <div className="block">
-                  {item.subtitle && (
-                    <div className={`${active ? 'text-gray-200' : 'text-gray-400'} text-xs`}>
-                      {item.subtitle}
-                    </div>
-                  )}
-                  <div>{item.name}</div>
+                <div className={'flex space-x-2'}>
+                  {item.icon && <div className={"self-center"}>{item.icon}</div> }
+                  <div className="block">
+                    {item.subtitle && (
+                      <div className={`${active ? 'text-gray-200' : 'text-gray-400'} text-xs`}>
+                        {item.subtitle}
+                      </div>
+                    )}
+                    <div>{item.name}</div>
+                  </div>
                 </div>
                 {item.shortcut?.length ? (
                   <div aria-hidden className="flex flex-row items-center justify-center gap-x-2">