diff --git a/src/admin/insights/AdminAppInsightsIcon.tsx b/src/admin/insights/AdminAppInsightsIcon.tsx
index 736f5d06..fb8c2fe1 100644
--- a/src/admin/insights/AdminAppInsightsIcon.tsx
+++ b/src/admin/insights/AdminAppInsightsIcon.tsx
@@ -1,7 +1,7 @@
import { useAppState } from '@/state/AppState';
import clsx from 'clsx/lite';
import { LuLightbulb } from 'react-icons/lu';
-
+import { FaCircle } from 'react-icons/fa6';
export default function AdminAppInsightsIcon() {
const {
insightIndicatorStatus,
@@ -13,14 +13,17 @@ export default function AdminAppInsightsIcon() {
size={19}
className="translate-y-[3px]"
/>
- {insightIndicatorStatus && }
+ {insightIndicatorStatus &&
+ }
);
}
diff --git a/src/components/cmdk/CommandKClient.tsx b/src/components/cmdk/CommandKClient.tsx
index 17e72d9c..31582152 100644
--- a/src/components/cmdk/CommandKClient.tsx
+++ b/src/components/cmdk/CommandKClient.tsx
@@ -41,7 +41,7 @@ import { TbPhoto } from 'react-icons/tb';
import { getKeywordsForPhoto, titleForPhoto } from '@/photo';
import PhotoDate from '@/photo/PhotoDate';
import PhotoSmall from '@/photo/PhotoSmall';
-import { FaCheck } from 'react-icons/fa6';
+import { FaCheck, FaCircle } from 'react-icons/fa6';
import { Tags, addHiddenToTags, formatTag } from '@/tag';
import { FaTag } from 'react-icons/fa';
import { formatCount, formatCountDescriptive } from '@/utility/string';
@@ -57,7 +57,7 @@ const LISTENER_KEYDOWN = 'keydown';
const MINIMUM_QUERY_LENGTH = 2;
type CommandKItem = {
- label: string
+ label: ReactNode
keywords?: string[]
accessory?: ReactNode
annotation?: ReactNode
@@ -97,6 +97,7 @@ export default function CommandKClient({
arePhotosMatted,
shouldShowBaselineGrid,
shouldDebugImageFallbacks,
+ insightIndicatorStatus,
setIsCommandKOpen: setIsOpen,
setShouldRespondToKeyboardCommands,
setShouldShowBaselineGrid,
@@ -322,7 +323,18 @@ export default function CommandKClient({
annotation: ,
path: PATH_ADMIN_CONFIGURATION,
}, {
- label: 'App Insights',
+ label:
+ App Insights
+ {insightIndicatorStatus && }
+ ,
+ keywords: ['app insights'],
annotation: ,
path: PATH_ADMIN_INSIGHTS,
}, {
@@ -363,7 +375,7 @@ export default function CommandKClient({
const searchFormatted = search.trim().toLocaleLowerCase();
return (
value.toLocaleLowerCase().includes(searchFormatted) ||
- keywords?.includes(searchFormatted)
+ keywords?.some(keyword => keyword.includes(searchFormatted))
) ? 1 : 0 ;
}}
loop
diff --git a/src/components/cmdk/CommandKItem.tsx b/src/components/cmdk/CommandKItem.tsx
index 6156ff6c..94d34455 100644
--- a/src/components/cmdk/CommandKItem.tsx
+++ b/src/components/cmdk/CommandKItem.tsx
@@ -14,7 +14,7 @@ export default function CommandKItem({
loading,
disabled,
}: {
- label: string
+ label: ReactNode
value: string
keywords?: string[]
onSelect: () => void