From 1fe95bbed3e6dba51981419d73ceb3d639c06299 Mon Sep 17 00:00:00 2001
From: SKINMAKER <me@skinmaker.dev>
Date: Sun, 12 Mar 2023 22:27:58 +0900
Subject: [PATCH] chore: set sitekey with .env (#539)

* chore: set sitekey with .env

* fix: typo

* chore: make variable public

* chore: add config to demo env
---
 .env.demo.local        | 4 +++-
 components/Captcha.tsx | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/.env.demo.local b/.env.demo.local
index 9db48bf..84a96af 100644
--- a/.env.demo.local
+++ b/.env.demo.local
@@ -21,4 +21,6 @@ GITHUB_CLIENT_SECRET=GH_CLIENT_SECRET
 CSRF_SECRET=CSRF_SECRET
 
 DD_TRACE_DEBUG=true
-DD_TRACE_ENABLED=true
\ No newline at end of file
+DD_TRACE_ENABLED=true
+
+NEXT_PUBLIC_HCAPTCHA_SITEKEY=HCAPTCHA_SITEKEY
\ No newline at end of file
diff --git a/components/Captcha.tsx b/components/Captcha.tsx
index b04755c..25585cf 100644
--- a/components/Captcha.tsx
+++ b/components/Captcha.tsx
@@ -3,7 +3,7 @@ import HCaptcha from '@hcaptcha/react-hcaptcha'
 
 
 const Captcha: React.FC<CaptchaProps> = ({ dark, onVerify }) => {
-	return <HCaptcha sitekey='43e556b4-cc90-494f-b100-378b906bb736' theme={dark ? 'dark' : 'light'} onVerify={onVerify}/>
+	return <HCaptcha sitekey={process.env.NEXT_PUBLIC_HCAPTCHA_SITEKEY} theme={dark ? 'dark' : 'light'} onVerify={onVerify}/>
 }
 
 interface CaptchaProps {