From eae79c1684424f7c69f47588d88994cfcc8b4b8d Mon Sep 17 00:00:00 2001
From: Boaz Poolman <boaz_skater@hotmail.com>
Date: Wed, 1 Dec 2021 17:08:36 +0100
Subject: [PATCH] feat: Alert on sync page in production

---
 admin/src/containers/ConfigPage/index.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/admin/src/containers/ConfigPage/index.js b/admin/src/containers/ConfigPage/index.js
index 981e810..df00ec7 100644
--- a/admin/src/containers/ConfigPage/index.js
+++ b/admin/src/containers/ConfigPage/index.js
@@ -3,6 +3,8 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Map } from 'immutable';
 import { Box } from '@strapi/design-system/Box';
 import { useNotification } from '@strapi/helper-plugin';
+import { Alert } from '@strapi/design-system/Alert';
+import { Typography } from '@strapi/design-system/Typography';
 
 import { getAllConfigDiff } from '../../state/actions/Config';
 import ConfigList from '../../components/ConfigList';
@@ -20,6 +22,15 @@ const ConfigPage = () => {
 
   return (
     <Box paddingLeft={8} paddingRight={8} paddingBottom={8}>
+      {process.env.NODE_ENV === 'production' && (
+        <Box paddingBottom={4}>
+          <Alert variant="danger">
+            <Typography variant="omega" fontWeight="bold">You&apos;re in the production environment</Typography><br />
+            Please be careful when syncing your config in production.<br />
+            Make sure you are not overriding critical config changes on import.
+          </Alert>
+        </Box>
+      )}
       <ActionButtons />
       <ConfigList isLoading={isLoading} diff={configDiff.toJS()} />
     </Box>