Tony_tech/chess-project
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

download script

Browse Source
This commit is contained in:
Stefan
2025-12-15 12:21:34 +01:00
parent 4ef4e2e4f4
commit b36b91cddd
7 changed files with 125 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/imprint/page.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ import Footer from "@/components/Footer";
// Force dynamic rendering to read environment variables at runtime
export const dynamic = 'force-dynamic';
export default function ImprintPage() {
export default async function ImprintPage() {
// If external imprint URL is configured, redirect to it
const imprintUrl = process.env.IMPRINT_URL;
src/app/onboarding/page.tsx
+22 -1
View File
@@ -16,6 +16,7 @@ export default function OnboardingPage() {
const [apiKey, setApiKey] = useState("");
const [mounted, setMounted] = useState(false);
const [error, setError] = useState("");
const [consentGiven, setConsentGiven] = useState(false);
useEffect(() => {
const storedKey = localStorage.getItem("gemini_api_key");
@@ -63,6 +64,11 @@ export default function OnboardingPage() {
return;
}
if (!consentGiven) {
setError(t.onboarding.api.consentRequired);
return;
}
localStorage.setItem("gemini_api_key", trimmed);
localStorage.setItem("chess_tutor_language", language);
router.push("/");
@@ -205,7 +211,22 @@ export default function OnboardingPage() {
placeholder={t.onboarding.api.placeholder}
className="w-full p-3 rounded-lg border dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none"
/>
{error && <p className="text-sm text-red-600">{error}</p>}
{/* Consent Checkbox */}
<div className="flex items-start gap-3 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
<input
type="checkbox"
id="consent-checkbox"
checked={consentGiven}
onChange={(e) => setConsentGiven(e.target.checked)}
className="mt-1 w-4 h-4 text-blue-600 bg-white dark:bg-gray-700 border-gray-300 dark:border-gray-600 rounded focus:ring-2 focus:ring-blue-500"
/>
<label htmlFor="consent-checkbox" className="text-sm text-gray-800 dark:text-gray-200 cursor-pointer">
{t.onboarding.api.consentLabel}
</label>
</div>
{error && <p className="text-sm text-red-600 dark:text-red-400 font-medium">{error}</p>}
<div className="text-xs text-gray-600 dark:text-gray-400 space-y-1">
<p>There is no such thing as a free lunch – LLM usage requires your own key.</p>
<p>{t.onboarding.api.storage}</p>
src/app/settings/page.tsx
+37 -2
View File
@@ -14,6 +14,8 @@ export default function SettingsPage() {
const [chesscomUsername, setChesscomUsername] = useState("");
const [lichessUsername, setLichessUsername] = useState("");
const [mounted, setMounted] = useState(false);
const [consentGiven, setConsentGiven] = useState(false);
const [showConsentError, setShowConsentError] = useState(false);
// Load settings on mount
useEffect(() => {
@@ -22,7 +24,11 @@ export default function SettingsPage() {
const storedChesscomUsername = localStorage.getItem("chesscom_username");
const storedLichessUsername = localStorage.getItem("lichess_username");
if (storedKey) setApiKey(storedKey);
if (storedKey) {
setApiKey(storedKey);
// If there's already a stored key, consent was previously given
setConsentGiven(true);
}
if (storedLang) setLanguage(storedLang as SupportedLanguage);
if (storedChesscomUsername) setChesscomUsername(storedChesscomUsername);
if (storedLichessUsername) setLichessUsername(storedLichessUsername);
@@ -33,6 +39,14 @@ export default function SettingsPage() {
const t = useTranslation(language);
const handleSave = () => {
// Check consent if API key is being set
if (apiKey.trim() && !consentGiven) {
setShowConsentError(true);
return;
}
setShowConsentError(false);
if (apiKey.trim()) {
localStorage.setItem("gemini_api_key", apiKey.trim());
} else {
@@ -115,7 +129,7 @@ export default function SettingsPage() {
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
{t.start.apiKey}
</label>
<div className="space-y-2">
<div className="space-y-3">
<input
type="password"
value={apiKey}
@@ -123,6 +137,27 @@ export default function SettingsPage() {
placeholder={t.start.apiKeyPlaceholder}
className="w-full p-3 border rounded-lg dark:bg-gray-700 dark:border-gray-600 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none transition-all"
/>
{/* Consent Checkbox */}
<div className="flex items-start gap-3 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
<input
type="checkbox"
id="settings-consent-checkbox"
checked={consentGiven}
onChange={(e) => setConsentGiven(e.target.checked)}
className="mt-1 w-4 h-4 text-blue-600 bg-white dark:bg-gray-700 border-gray-300 dark:border-gray-600 rounded focus:ring-2 focus:ring-blue-500"
/>
<label htmlFor="settings-consent-checkbox" className="text-sm text-gray-800 dark:text-gray-200 cursor-pointer">
{t.onboarding.api.consentLabel}
</label>
</div>
{showConsentError && (
<p className="text-sm text-red-600 dark:text-red-400 font-medium">
{t.onboarding.api.consentRequired}
</p>
)}
<p className="text-xs text-gray-500 dark:text-gray-400">
{t.start.apiKeyRequired} <a href="https://aistudio.google.com/app/apikey" target="_blank" rel="noreferrer" className="text-blue-600 hover:underline">{t.start.getApiKey}</a>
</p>