From ae95384fddb8240e09d2c5e50a44ccec21f8a4af Mon Sep 17 00:00:00 2001
From: ghgoodreau <ghgoodreau@protonmail.com>
Date: Fri, 15 Dec 2023 15:23:52 -0600
Subject: [PATCH] add link to get google key

---
 src/components/modals/SettingsModal.tsx | 1 +
 src/components/utils/APIKeyInput.tsx    | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/SettingsModal.tsx b/src/components/modals/SettingsModal.tsx
index e0e7038..0552dea 100644
--- a/src/components/modals/SettingsModal.tsx
+++ b/src/components/modals/SettingsModal.tsx
@@ -110,6 +110,7 @@ export const SettingsModal = memo(function SettingsModal({
             setApiKey={setGoogleApiKey}
             label="Google Gemini API Key"
             placeholder="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+            link="https://makersuite.google.com/app/apikey"
           />
 
           <LabeledSlider
diff --git a/src/components/utils/APIKeyInput.tsx b/src/components/utils/APIKeyInput.tsx
index 65bfa3e..729304a 100644
--- a/src/components/utils/APIKeyInput.tsx
+++ b/src/components/utils/APIKeyInput.tsx
@@ -6,12 +6,14 @@ export function APIKeyInput({
   setApiKey,
   label,
   placeholder,
+  link,
   ...others
 }: {
   apiKey: string | null;
   setApiKey: (apiKey: string) => void;
   label: string;
   placeholder: string;
+  link?: string;
 } & BoxProps) {
   return (
     <LabeledPasswordInputWithLink
@@ -19,7 +21,7 @@ export function APIKeyInput({
       label={label}
       linkLabel="Get a key"
       placeholder={placeholder}
-      link="https://platform.openai.com/account/api-keys"
+      link={link ?? "https://platform.openai.com/account/api-keys"}
       value={apiKey ?? ""}
       setValue={setApiKey}
       {...others}