support app updates also for unauthenticated users

1 files changed, 66 insertions, 0 deletions

diff --git a/src/components/AppUpdateInfoBar.js b/src/components/AppUpdateInfoBar.js
new file mode 100644
index 000000000..4fb3a8b71
--- /dev/null
+++ b/src/components/AppUpdateInfoBar.js
@@ -0,0 +1,66 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { defineMessages, intlShape } from 'react-intl';
+
+import { announcementActions } from '../features/announcements/actions';
+import InfoBar from './ui/InfoBar';
+
+const messages = defineMessages({
+  updateAvailable: {
+    id: 'infobar.updateAvailable',
+    defaultMessage: '!!!A new update for Franz is available.',
+  },
+  changelog: {
+    id: 'infobar.buttonChangelog',
+    defaultMessage: '!!!Changelog',
+  },
+  buttonInstallUpdate: {
+    id: 'infobar.buttonInstallUpdate',
+    defaultMessage: '!!!Restart & install update',
+  },
+});
+
+class AppUpdateInfoBar extends Component {
+  static propTypes = {
+    onInstallUpdate: PropTypes.func.isRequired,
+    nextAppReleaseVersion: PropTypes.string,
+  };
+
+  static defaultProps = {
+    nextAppReleaseVersion: null,
+  };
+
+  static contextTypes = {
+    intl: intlShape,
+  };
+
+  render() {
+    const { intl } = this.context;
+    const {
+      onInstallUpdate,
+      nextAppReleaseVersion,
+    } = this.props;
+
+    return (
+      <InfoBar
+        type="primary"
+        ctaLabel={intl.formatMessage(messages.buttonInstallUpdate)}
+        onClick={onInstallUpdate}
+        sticky
+      >
+        <span className="mdi mdi-information" />
+        {intl.formatMessage(messages.updateAvailable)}
+        {' '}
+        <button
+          className="info-bar__inline-button"
+          type="button"
+          onClick={() => announcementActions.show({ targetVersion: nextAppReleaseVersion })}
+        >
+          <u>{intl.formatMessage(messages.changelog)}</u>
+        </button>
+      </InfoBar>
+    );
+  }
+}
+
+export default AppUpdateInfoBar;