Add category to widgets in search

biolab · Oct 21, 2023 · 3708530 · 3708530 · vercel · Oct 21, 2023
1 parent 4795814
commit 3708530
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/components/Search/Search.tsx b/components/Search/Search.tsx
@@ -147,25 +147,27 @@ export default function Search() {
         {searchResults.length > 0 && (
           <Styled.StListWrapper>
             <Command.List>
-              {searchResults.map(({ title, url, _type }) => {
+              {searchResults.map(({ title, url, category, _type }) => {
                 const path = getPath(url, _type);
+                const _title =
+                  _type === "widget" ? `${category} - ${title}` : title;
 
                 return (
                   <Link
                     href={path}
                     onClick={() => {
                       setShowSearch(false);
                     }}
-                    key={url}
+                    key={_title}
                   >
                     <Command.Item
-                      value={`${title} - ${searchResults.length}`}
+                      value={`${_title} - ${searchResults.length}`}
                       onSelect={() => {
                         router.push(path);
                         setShowSearch(false);
                       }}
                     >
-                      <div>{title}</div>
+                      <div>{_title}</div>
                       <Styled.ItemType $type={_type}>{_type}</Styled.ItemType>
                     </Command.Item>
                   </Link>