Use a suspense-like pattern

src/components/UpdateNotifier/UpdateInstalled.js

@@ -37,12 +37,6 @@ class UpdateInstalled extends PureComponent<Props> {
     }
   }
 
-  showModal = ({ data }) => {
-    const { openModal } = this.props
-
-    openModal(MODAL_RELEASES_NOTES, data)
-  }
-
   render() {
     return null
   }

src/components/modals/ReleaseNotes.js

@@ -21,6 +21,7 @@ type Props = {
 
 type State = {
   markdown: ?string,
+  loading: boolean,
 }
 
 const Notes = styled(Box).attrs({
@@ -150,14 +151,11 @@ const Title = styled(Text).attrs({
 class ReleaseNotes extends PureComponent<Props, State> {
   state = {
     markdown: null,
+    loading: false,
   }
 
-  render() {
+  fetchNotes = version => {
-    const { t } = this.props
+    if (!this.state.loading) {
-    const renderBody = ({ data, onClose }) => {
-      const version = data
-      const { markdown } = this.state
-
       axios
         .get(`https://api.github.com/repos/LedgerHQ/ledger-live-desktop/releases/tags/v${version}`)
         .then(response => {
@@ -165,24 +163,40 @@ class ReleaseNotes extends PureComponent<Props, State> {
 
           this.setState({
             markdown: body,
+            loading: false,
           })
         })
+    }
+  }
 
-      const content = markdown ? (
+  render() {
-        <Notes>
+    const { t } = this.props
-          <Title>{t('releaseNotes:version', { versionNb: version })}</Title>
+    const renderBody = ({ data, onClose }) => {
-          <ReactMarkdown>{markdown}</ReactMarkdown>
+      const version = data
-        </Notes>
+      const { markdown } = this.state
-      ) : (
+      let content
-        <Box horizontal alignItems="center">
+
-          <Spinner
+      if (!markdown) {
-            size={32}
+        this.fetchNotes(version)
-            style={{
+
-              margin: 'auto',
+        content = (
-            }}
+          <Box horizontal alignItems="center">
-          />
+            <Spinner
-        </Box>
+              size={32}
-      )
+              style={{
+                margin: 'auto',
+              }}
+            />
+          </Box>
+        )
+      } else {
+        content = (
+          <Notes>
+            <Title>{t('releaseNotes:version', { versionNb: version })}</Title>
+            <ReactMarkdown>{markdown}</ReactMarkdown>
+          </Notes>
+        )
+      }
 
       return (
         <ModalBody onClose={onClose}>