feat: add navigation functionality to settings page and update Electron API

Author: mberrishdev

src/main/main.ts

@@ -319,6 +319,12 @@ ipcMain.handle("clear-history", () => {
   }
 });
 
+ipcMain.handle("navigate-to", (_event, page: string) => {
+  if (win) {
+    win.webContents.send("navigate", page);
+  }
+});
+
 function registerGlobalShortcut(shortcut: string = "CommandOrControl+Shift+V") {
   globalShortcut.unregisterAll();
 

src/main/preload.ts

@@ -23,4 +23,5 @@ contextBridge.exposeInMainWorld("electronAPI", {
   setOpenAIApiKey: (apiKey: string) =>
     ipcRenderer.invoke("set-openai-api-key", apiKey),
   clearHistory: () => ipcRenderer.invoke("clear-history"),
+  navigate: (page: string) => ipcRenderer.invoke("navigate-to", page),
 });

src/renderer/pages/ClipboardHistory.tsx

@@ -110,6 +110,12 @@ export default function ClipboardHistory({}: ClipboardHistoryProps) {
             searchInputRef.current?.focus();
           }
           break;
+        case ",":
+          if (document.activeElement !== searchInputRef.current) {
+            e.preventDefault();
+            window.electronAPI.navigate("settings");
+          }
+          break;
       }
     };
 
@@ -244,7 +250,7 @@ export default function ClipboardHistory({}: ClipboardHistoryProps) {
             )}
           </div>
           <p className="search-hint">
-            {hasApiKey && "Press Enter to search • "}↑↓ Navigate • Enter/C to copy{hasApiKey && " • / to search"}
+            {hasApiKey && "Press Enter to search • "}↑↓ Navigate • Enter/C to copy{hasApiKey && " • / to search"} • , Settings
           </p>
         </div>
         <main className="content">

src/renderer/types.d.ts

@@ -18,6 +18,7 @@ export interface ElectronAPI {
   setGlobalShortcut: (shortcut: string) => Promise<{ success: boolean; error?: string }>;
   setOpenAIApiKey: (apiKey: string) => Promise<{ success: boolean; error?: string }>;
   clearHistory: () => Promise<{ success: boolean; error?: string }>;
+  navigate: (page: string) => Promise<void>;
 }
 
 declare global {