fix: update error boundary about GitHub issue data (#3471)

packages/netlify-cms-core/src/components/UI/ErrorBoundary.js

@@ -91,10 +91,14 @@ const ErrorBoundaryContainer = styled.div`
   }
 
   a {
-    color: ${colors.text};
+    color: ${colors.active};
   }
 `;
 
+const PrivacyWarning = styled.span`
+  color: ${colors.text};
+`;
+
 const CopyButton = styled.button`
   ${buttons.button};
   ${buttons.default};
@@ -174,6 +178,16 @@ class ErrorBoundary extends React.Component {
             {t('ui.errorBoundary.reportIt')}
           </a>
         </p>
+        <p>
+          {t('ui.errorBoundary.privacyWarning')
+            .split('\n')
+            .map((item, index) => (
+              <>
+                <PrivacyWarning key={index}>{item}</PrivacyWarning>
+                <br />
+              </>
+            ))}
+        </p>
         <hr />
         <h2>{t('ui.errorBoundary.detailsHeading')}</h2>
         <p>{errorMessage}</p>

packages/netlify-cms-locales/src/en/index.js

@@ -174,8 +174,10 @@ const en = {
     errorBoundary: {
       title: 'Error',
       details: "There's been an error - please ",
-      reportIt: 'report it.',
+      reportIt: 'open an issue on GitHub.',
       detailsHeading: 'Details',
+      privacyWarning:
+        'Opening an issue pre-populates it with the error message and debugging data.\nPlease verify the information is correct and remove sensitive data if exists.',
       recoveredEntry: {
         heading: 'Recovered document',
         warning: 'Please copy/paste this somewhere before navigating away!',