From 275f30f0487a02e96289d8df5ea107bdd591212e Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 28 Jul 2024 00:05:52 +0800
Subject: [PATCH] feat: add feed channel into search command panel

---
 src/client/components/CommandPanel.tsx      | 28 +++++++++++++++++++++
 src/client/components/layout/UserConfig.tsx |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/client/components/CommandPanel.tsx b/src/client/components/CommandPanel.tsx
index e30a0b5..0cb1e15 100644
--- a/src/client/components/CommandPanel.tsx
+++ b/src/client/components/CommandPanel.tsx
@@ -10,6 +10,7 @@ import {
   CommandSeparator,
 } from '@/components/ui/command';
 import {
+  LuActivitySquare,
   LuAreaChart,
   LuBellDot,
   LuFilePieChart,
@@ -143,6 +144,14 @@ export const CommandPanel: React.FC<CommandPanelProps> = React.memo((props) => {
                 <RiSurveyLine className="mr-2 h-4 w-4" />
                 {t('Survey')}
               </CommandItem>
+              <CommandItem
+                onSelect={handleJump({
+                  to: '/feed',
+                })}
+              >
+                <LuActivitySquare className="mr-2 h-4 w-4" />
+                {t('Feed')}
+              </CommandItem>
             </CommandGroup>
             <CommandSeparator />
             <CommandGroup heading={t('Settings')}>
@@ -195,6 +204,9 @@ export const CommandPanelSearchGroup: React.FC<CommandPanelSearchGroupProps> =
     const { data: surveys = [] } = trpc.survey.all.useQuery({
       workspaceId,
     });
+    const { data: feedChannels = [] } = trpc.feed.channels.useQuery({
+      workspaceId,
+    });
 
     if (!search) {
       return null;
@@ -282,6 +294,22 @@ export const CommandPanelSearchGroup: React.FC<CommandPanelSearchGroupProps> =
             {s.name}
           </CommandItem>
         ))}
+        {feedChannels.map((channel) => (
+          <CommandItem
+            key={channel.id}
+            value={channel.id}
+            keywords={[channel.name, channel.id]}
+            onSelect={handleJump({
+              to: '/feed/$channelId',
+              params: {
+                channelId: channel.id,
+              },
+            })}
+          >
+            <LuActivitySquare className="mr-2 h-4 w-4" />
+            {channel.name}
+          </CommandItem>
+        ))}
       </CommandGroup>
     );
   });
diff --git a/src/client/components/layout/UserConfig.tsx b/src/client/components/layout/UserConfig.tsx
index cf460c4..2ce749e 100644
--- a/src/client/components/layout/UserConfig.tsx
+++ b/src/client/components/layout/UserConfig.tsx
@@ -201,7 +201,7 @@ export const UserConfig: React.FC<UserConfigProps> = React.memo((props) => {
             </DropdownMenuPortal>
           </DropdownMenuSub>
 
-          <DropdownMenuLabel className="text-muted">
+          <DropdownMenuLabel className="text-muted-foreground dark:text-muted">
             v{version}
           </DropdownMenuLabel>
         </DropdownMenuContent>