WIP: Release notes modal

src/components/UpdateNotifier.js → src/components/UpdateNotifier/UpdateDownloaded.js

@@ -47,7 +47,7 @@ const NotifText = styled(Text).attrs({
   fontSize: 4,
 })``
 
-class UpdateNotifier extends PureComponent<Props> {
+class UpdateDownloaded extends PureComponent<Props> {
   renderStatus() {
     const { updateStatus, t } = this.props
     switch (updateStatus) {
@@ -96,4 +96,4 @@ export default compose(
     null,
   ),
   translate(),
-)(UpdateNotifier)
+)(UpdateDownloaded)

src/components/UpdateNotifier/UpdateInstalled.js

@@ -0,0 +1,32 @@
+// @flow
+
+import { PureComponent } from 'react'
+import { connect } from 'react-redux'
+
+import { openModal } from 'reducers/modals'
+import { MODAL_RELEASES_NOTES } from 'config/constants'
+
+type Props = {
+  openModal: Function,
+}
+
+const mapDispatchToProps = {
+  openModal,
+}
+
+class UpdateInstalled extends PureComponent<Props> {
+  componentDidMount() {
+    const { openModal } = this.props
+
+    openModal(MODAL_RELEASES_NOTES, 'blah')
+  }
+
+  render() {
+    return null
+  }
+}
+
+export default connect(
+  null,
+  mapDispatchToProps,
+)(UpdateInstalled)

src/components/UpdateNotifier/index.js

@@ -0,0 +1,17 @@
+// @flow
+
+import React, { PureComponent, Fragment } from 'react'
+
+import UpdateDownloaded from './UpdateDownloaded'
+import UpdateInstalled from './UpdateInstalled'
+
+export default class UpdateNotifier extends PureComponent<{}> {
+  render() {
+    return (
+      <Fragment>
+        <UpdateDownloaded />
+        <UpdateInstalled />
+      </Fragment>
+    )
+  }
+}

src/components/modals/ReleaseNotes.js

@@ -0,0 +1,22 @@
+// @flow
+import React, { PureComponent } from 'react'
+import { MODAL_RELEASES_NOTES } from 'config/constants'
+import Modal, { ModalBody, ModalTitle, ModalContent } from 'components/base/Modal'
+
+class ReleaseNotes extends PureComponent<*, *> {
+  render() {
+    return (
+      <Modal
+        name={MODAL_RELEASES_NOTES}
+        render={({ data, onClose }) => (
+          <ModalBody onClose={onClose}>
+            <ModalTitle>Release Notes</ModalTitle>
+            <ModalContent>{data}</ModalContent>
+          </ModalBody>
+        )}
+      />
+    )
+  }
+}
+
+export default ReleaseNotes

src/components/modals/index.js

@@ -4,3 +4,4 @@ export OperationDetails from './OperationDetails'
 export Receive from './Receive'
 export Send from './Send'
 export SettingsAccount from './SettingsAccount'
+export ReleaseNotes from './ReleaseNotes'

src/config/constants.js

@@ -21,3 +21,4 @@ export const MODAL_OPERATION_DETAILS = 'MODAL_OPERATION_DETAILS'
 export const MODAL_RECEIVE = 'MODAL_RECEIVE'
 export const MODAL_SEND = 'MODAL_SEND'
 export const MODAL_SETTINGS_ACCOUNT = 'MODAL_SETTINGS_ACCOUNT'
+export const MODAL_RELEASES_NOTES = 'MODAL_RELEASES_NOTES'