From 63b8e8972f39ce6cc5b7e63fc0bd977f71b6c7ef Mon Sep 17 00:00:00 2001
From: Pugazhendhi <pugazhendhi@unboundsecurity.ai>
Date: Tue, 28 Jan 2025 21:52:12 +0530
Subject: [PATCH] Adds button to get unbound api key

---
 webview-ui/src/components/settings/ApiOptions.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/webview-ui/src/components/settings/ApiOptions.tsx b/webview-ui/src/components/settings/ApiOptions.tsx
index 802abbe..1199914 100644
--- a/webview-ui/src/components/settings/ApiOptions.tsx
+++ b/webview-ui/src/components/settings/ApiOptions.tsx
@@ -1296,6 +1296,14 @@ const ApiOptions = ({ apiErrorMessage, modelIdErrorMessage }: ApiOptionsProps) =
 						placeholder="Enter API Key...">
 						<span style={{ fontWeight: 500 }}>Unbound API Key</span>
 					</VSCodeTextField>
+					{!apiConfiguration?.unboundApiKey && (
+						<VSCodeButtonLink
+							href="https://gateway.getunbound.ai"
+							style={{ margin: "5px 0 0 0" }}
+							appearance="secondary">
+							Get Unbound API Key
+						</VSCodeButtonLink>
+					)}
 					<p
 						style={{
 							fontSize: "12px",