From 71f75c27ddf83ec3ac3855a07b03db5d4182c514 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Fri, 8 Nov 2024 01:56:07 +0800
Subject: [PATCH] feat: add api key and usage to command panel

---
 src/client/components/CommandPanel.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/client/components/CommandPanel.tsx b/src/client/components/CommandPanel.tsx
index 0cb1e15..dd9befc 100644
--- a/src/client/components/CommandPanel.tsx
+++ b/src/client/components/CommandPanel.tsx
@@ -14,6 +14,8 @@ import {
   LuAreaChart,
   LuBellDot,
   LuFilePieChart,
+  LuKanbanSquare,
+  LuKeyRound,
   LuMonitorDot,
   LuSearch,
   LuServer,
@@ -171,6 +173,22 @@ export const CommandPanel: React.FC<CommandPanelProps> = React.memo((props) => {
                 <LuBellDot className="mr-2 h-4 w-4" />
                 <span>{t('Notifications')}</span>
               </CommandItem>
+              <CommandItem
+                onSelect={handleJump({
+                  to: '/settings/apiKey',
+                })}
+              >
+                <LuKeyRound className="mr-2 h-4 w-4" />
+                <span>{t('Api Key')}</span>
+              </CommandItem>
+              <CommandItem
+                onSelect={handleJump({
+                  to: '/settings/usage',
+                })}
+              >
+                <LuKanbanSquare className="mr-2 h-4 w-4" />
+                <span>{t('Usage')}</span>
+              </CommandItem>
             </CommandGroup>
           </CommandList>
         </Command>