Better error handling for autoUpdater

1 files changed, 11 insertions, 1 deletions

diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 1757ac297..eab65f5e5 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -12,6 +12,7 @@ import Toggle from '../../ui/Toggle';
 import ToggleRaw from '../../ui/ToggleRaw';
 import Select from '../../ui/Select';
 import Input from '../../ui/Input';
+import Infobox from '../../ui/Infobox';
 
 import {
   DEFAULT_APP_SETTINGS,
@@ -193,6 +194,7 @@ class EditSettingsForm extends Component {
     isUpdateAvailable: PropTypes.bool.isRequired,
     noUpdateAvailable: PropTypes.bool.isRequired,
     updateIsReadyToInstall: PropTypes.bool.isRequired,
+    updateFailed: PropTypes.bool.isRequired,
     isClearingAllCache: PropTypes.bool.isRequired,
     onClearAllCache: PropTypes.func.isRequired,
     getCacheSize: PropTypes.func.isRequired,
@@ -242,6 +244,7 @@ class EditSettingsForm extends Component {
       isUpdateAvailable,
       noUpdateAvailable,
       updateIsReadyToInstall,
+      updateFailed,
       isClearingAllCache,
       onClearAllCache,
       getCacheSize,
@@ -800,7 +803,9 @@ class EditSettingsForm extends Component {
                     <br />
                   </div>
                 )}
-                {intl.formatMessage(messages.currentVersion)} {ferdiVersion}
+                <p>
+                  {intl.formatMessage(messages.currentVersion)} {ferdiVersion}
+                </p>
                 {noUpdateAvailable && (
                   <>
                     <br />
@@ -808,6 +813,11 @@ class EditSettingsForm extends Component {
                     {intl.formatMessage(messages.updateStatusUpToDate)}
                   </>
                 )}
+                {updateFailed && (
+                  <Infobox type="danger" icon="alert">
+                    An error occured (check the console for more details)
+                  </Infobox>
+                )}
                 <p className="settings__message">
                   <Icon icon={mdiGithub} />
                   Ferdi is based on{' '}