starred/archived-linsa
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-01-12 12:20:23 +01:00
Code Issues 2 Packages Projects Releases Wiki Activity

fix(palette): searched items should belongs to own group

Browse Source
This commit is contained in:
Aslam H
2024-09-09 10:56:34 +07:00
parent 1c3ffcf92f
commit 94aac134ea
1 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/components/custom/command-palette/command-palette.tsx
View File

@@ -1,5 +1,3 @@
"use client"
import * as React from "react"
import * as DialogPrimitive from "@radix-ui/react-dialog"
import { Command } from "cmdk"
@@ -70,15 +68,6 @@ export function CommandPalette() {
[activePage, inputValue, bounce]
)
const allCommands = React.useMemo(() => {
if (!commandGroups) return []
return Object.entries(commandGroups).map(([key, value]) => ({
heading: toTitleCase(key),
items: value.flatMap(subgroup => subgroup.items)
}))
}, [commandGroups])
const topics = React.useMemo(
() => ({
heading: "Topics",
@@ -126,14 +115,22 @@ export function CommandPalette() {
const searchRegex = searchSafeRegExp(inputValue)
if (activePage === "home") {
if (!inputValue) return commandGroups.home
const filteredGroups = Object.entries(commandGroups)
.map(([key, groups]) => {
return groups.map(group => ({
heading: group.heading,
items: filterItems(group.items, searchRegex)
}))
})
.flat()
return [...allCommands, personalLinks, personalPages, topics]
.map(group => ({
heading: group.heading,
items: filterItems(group.items, searchRegex)
}))
.filter(group => group.items.length > 0)
const additionalGroups = [
{ heading: personalLinks.heading, items: filterItems(personalLinks.items, searchRegex) },
{ heading: personalPages.heading, items: filterItems(personalPages.items, searchRegex) },
{ heading: topics.heading, items: filterItems(topics.items, searchRegex) }
]
return [...filteredGroups, ...additionalGroups].filter(group => group.items.length > 0)
}
switch (activePage) {
@@ -151,7 +148,7 @@ export function CommandPalette() {
}))
.filter(group => group.items.length > 0)
}
}, [inputValue, activePage, allCommands, personalLinks, personalPages, commandGroups, topics])
}, [inputValue, activePage, commandGroups, personalLinks, personalPages, topics])
const handleAction = React.useCallback(
(action: CommandAction, payload?: any) => {