Apply .update-available badge to settings/updates tabs

2 files changed, 8 insertions, 0 deletions

diff --git a/src/components/settings/navigation/SettingsNavigation.js b/src/components/settings/navigation/SettingsNavigation.js
index e8370d2ef..b58956f51 100644
--- a/src/components/settings/navigation/SettingsNavigation.js
+++ b/src/components/settings/navigation/SettingsNavigation.js
@@ -137,6 +137,11 @@ class SettingsNavigation extends Component {
           activeClassName="is-active"
         >
           {intl.formatMessage(globalMessages.settings)}
+          {stores.settings.app.automaticUpdates &&
+            (stores.app.updateStatus === stores.app.updateStatusTypes.AVAILABLE ||
+              stores.app.updateStatus === stores.app.updateStatusTypes.DOWNLOADED) && (
+            <span className="update-available">•</span>
+          )}
         </Link>
         <Link
           to="/settings/support"
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 01e609580..3b2fe4af4 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -378,6 +378,9 @@ class EditSettingsForm extends Component {
                 }}
               >
                 {intl.formatMessage(messages.headlineUpdates)}
+                {automaticUpdates && (updateIsReadyToInstall || isUpdateAvailable) && (
+                  <span className="update-available">•</span>
+                )}
               </h2>
             </div>