From a555549fe5a49ca29ee477292fb065860626f207 Mon Sep 17 00:00:00 2001
From: TBS093A <zukkamil.44@gmail.com>
Date: Mon, 12 May 2025 08:23:52 +0200
Subject: [PATCH] feat(captcha): add enviromnent viariables loading

-
---
 .env.example       | 2 ++
 .gitignore         | 1 +
 src/pages/index.js | 3 ++-
 3 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..c03d9f3
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,2 @@
+export GATSBY_RECAPTCHA_SITE_KEY=""
+export GATSBY_RECAPTCHA_SECRET_KEY=""
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index b99378e..e649a89 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules/
 .cache/
 public/
+.env
diff --git a/src/pages/index.js b/src/pages/index.js
index e489953..74e2830 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -4,6 +4,7 @@ import { content_pl } from "../content/kamil"
 import { content_en } from "../content/kamil"
 import ReCAPTCHA from "react-google-recaptcha"
 
+const RECAPTCHA_SITE_KEY = process.env.GATSBY_RECAPTCHA_SITE_KEY || "YOUR_RECAPTCHA_SITE_KEY"
 
 const MiniWorkImage = ({ image }) => {
   return (
@@ -284,7 +285,7 @@ const SegmentGeneral = ({ segment }) => {
       {!isVerified ? (
         <div className="captcha-container">
           <ReCAPTCHA
-            sitekey="YOUR_RECAPTCHA_SITE_KEY"
+            sitekey={RECAPTCHA_SITE_KEY}
             onChange={handleCaptchaChange}
           />
         </div>