sageTheDm/interstellar_ai
1
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

Merge pull request 'added API keys' (#103) from sageTheDm/interstellar_ai:main into main

Browse source 
Reviewed-on: https://interstellardevelopment.org/code/code/React-Group/interstellar_ai/pulls/103
This commit is contained in:
Patrick 2024-10-04 08:21:00 +02:00
commit 3ede25752c
2 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/components/settings/ButtonSettings.tsx
View file

@ -9,9 +9,9 @@ interface ButtonSettingProps {
const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick, className }) => { const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick, className }) => {
return ( return (
<div className="settings-option"> <div className="settings-option">
<button <button
onClick={onClick} // Call the onClick function when the button is clicked onClick={onClick} // Call the onClick function when the button is clicked
className={className} // Apply any additional classes className={className="export-button"} // Apply any additional classes
> >
{label} {/* Display the label on the button */} {label} {/* Display the label on the button */}
</button> </button>

20
app/components/settings/Settings.tsx
View file

@ -618,6 +618,11 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
type="text" // Input type type="text" // Input type
placeholder={localStorage.getItem('mistral') || "Enter the API key"} placeholder={localStorage.getItem('mistral') || "Enter the API key"}
/> />
<div className="settings-option">
<a href="https://console.mistral.ai/api-keys/" target="_blank" rel="noopener noreferrer">
<button className="export-button">Get your API key here</button>
</a>
</div>
<TextSettings <TextSettings
label="OpenAI" // Label for the input label="OpenAI" // Label for the input
value={openai} // State variable for the input value={openai} // State variable for the input
@ -625,6 +630,11 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
type="text" // Input type type="text" // Input type
placeholder={localStorage.getItem('openai') || "Enter the API key"} placeholder={localStorage.getItem('openai') || "Enter the API key"}
/> />
<div className="settings-option">
<a href="https://platform.openai.com/api-keys" target="_blank" rel="noopener noreferrer">
<button className="export-button">Get your API key here</button>
</a>
</div>
<TextSettings <TextSettings
label="Anthropic" // Label for the input label="Anthropic" // Label for the input
value={anthropic} // State variable for the input value={anthropic} // State variable for the input
@ -632,6 +642,11 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
type="text" // Input type type="text" // Input type
placeholder={localStorage.getItem('anthropic') || "Enter the API key"} placeholder={localStorage.getItem('anthropic') || "Enter the API key"}
/> />
<div className="settings-option">
<a href="https://console.anthropic.com/settings/keys" target="_blank" rel="noopener noreferrer">
<button className="export-button">Get your API key here</button>
</a>
</div>
<TextSettings <TextSettings
label="Google" // Label for the input label="Google" // Label for the input
value={google} // State variable for the input value={google} // State variable for the input
@ -639,6 +654,11 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
type="text" // Input type type="text" // Input type
placeholder={localStorage.getItem('google') || "Enter the API key"} placeholder={localStorage.getItem('google') || "Enter the API key"}
/> />
<div className="settings-option">
<a href="https://aistudio.google.com/app/apikey" target="_blank" rel="noopener noreferrer">
<button className="export-button">Get your API key here</button>
</a>
</div>
</div> </div>
); );