diff --git a/.env b/.env
index ce7ca5d0..e884a7de 100644
--- a/.env
+++ b/.env
@@ -46,3 +46,4 @@ APP_ID=''
MFE_CONFIG_API_URL=''
# Fallback in local style files
PARAGON_THEME_URLS={}
+RECAPTCHA_SITE_KEY_WEB=''
diff --git a/.env.development b/.env.development
index 5263135b..bbd1c0f5 100644
--- a/.env.development
+++ b/.env.development
@@ -46,3 +46,4 @@ ZENDESK_KEY=''
ZENDESK_LOGO_URL=''
# Fallback in local style files
PARAGON_THEME_URLS={}
+RECAPTCHA_SITE_KEY_WEB=''
diff --git a/.env.test b/.env.test
index ac296154..56971a87 100644
--- a/.env.test
+++ b/.env.test
@@ -21,3 +21,4 @@ MFE_CONFIG_API_URL=''
COHESION_WRITE_KEY=''
COHESION_SOURCE_KEY=''
PARAGON_THEME_URLS={}
+RECAPTCHA_SITE_KEY_WEB=''
diff --git a/src/MainApp.jsx b/src/MainApp.jsx
index 08016e52..41a2bf7e 100755
--- a/src/MainApp.jsx
+++ b/src/MainApp.jsx
@@ -33,38 +33,42 @@ import './index.scss';
registerIcons();
-const MainApp = () => (
-
-
-
-
-
- {getConfig().ZENDESK_KEY && }
-
- } />
- }
- />
-
- }
- />
- } />
- } />
- } />
- } />
- } />
- } />
- } />
-
-
-
-);
+const MainApp = () => {
+ const recaptchaSiteKeyWeb = getConfig().RECAPTCHA_SITE_KEY_WEB;
+
+ return (
+
+
+
+
+
+ {getConfig().ZENDESK_KEY && }
+
+ } />
+ }
+ />
+
+ }
+ />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+
+
+
+ );
+};
export default MainApp;
diff --git a/src/config/index.js b/src/config/index.js
index 6399b549..61239dbd 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -37,6 +37,7 @@ const configuration = {
ALGOLIA_APP_ID: process.env.ALGOLIA_APP_ID || '',
ALGOLIA_SEARCH_API_KEY: process.env.ALGOLIA_SEARCH_API_KEY || '',
AUTO_GENERATED_USERNAME_EXPERIMENT_ID: process.env.AUTO_GENERATED_USERNAME_EXPERIMENT_ID || '',
+ RECAPTCHA_SITE_KEY_WEB: process.env.RECAPTCHA_SITE_KEY_WEB || '',
};
export default configuration;