From 8bc790de17beb4615dc4fba495f358d263777741 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 23 Feb 2022 12:42:04 -0500
Subject: [PATCH] ErrorBoundary: display Soapbox version

---
 app/soapbox/components/error_boundary.js  | 2 ++
 app/styles/components/error-boundary.scss | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/app/soapbox/components/error_boundary.js b/app/soapbox/components/error_boundary.js
index 1f817f8d8..2e7c3f717 100644
--- a/app/soapbox/components/error_boundary.js
+++ b/app/soapbox/components/error_boundary.js
@@ -4,6 +4,7 @@ import { FormattedMessage } from 'react-intl';
 
 import Icon from 'soapbox/components/icon';
 import { captureException } from 'soapbox/monitoring';
+import sourceCode from 'soapbox/utils/code';
 
 export default class ErrorBoundary extends React.PureComponent {
 
@@ -87,6 +88,7 @@ export default class ErrorBoundary extends React.PureComponent {
           {browser && <p className='error-boundary__browser'>
             {browser.getBrowserName()} {browser.getBrowserVersion()}
           </p>}
+          <p className='error-boundary__version'>{sourceCode.displayName} {sourceCode.version}</p>
           <p className='help-text'>
             <FormattedMessage
               id='alert.unexpected.help_text'
diff --git a/app/styles/components/error-boundary.scss b/app/styles/components/error-boundary.scss
index b809a1efa..fbf515c12 100644
--- a/app/styles/components/error-boundary.scss
+++ b/app/styles/components/error-boundary.scss
@@ -63,6 +63,11 @@
     }
   }
 
+  &__version {
+    font-size: 12px;
+    margin: 6px 0;
+  }
+
   p.help-text {
     text-align: left;
     font-style: italic;