Display release changes from release notes instead of using GitHub's API.

ui/component/lastReleaseChanges/index.js

@@ -1,3 +1,12 @@
+import { connect } from 'react-redux';
+import { selectRemoteVersion, selectReleaseNotes } from 'redux/selectors/app';
 import LastReleaseChanges from './view';
 
-export default LastReleaseChanges;
+const select = (state) => ({
+  releaseVersion: selectRemoteVersion(state),
+  releaseNotes: selectReleaseNotes(state),
+});
+
+const perform = () => ({});
+
+export default connect(select, perform)(LastReleaseChanges);

ui/component/lastReleaseChanges/view.jsx

@@ -1,23 +1,21 @@
 // @flow
-import React, { useState, useEffect } from 'react';
-import MarkdownPreview from 'component/common/markdown-preview';
+import React from 'react';
 import Button from 'component/button';
 import I18nMessage from 'component/i18nMessage';
 
 type Props = {
   hideReleaseVersion?: boolean,
+  releaseVersion: string,
+  releaseNotes: string,
 };
 
 const LastReleaseChanges = (props: Props) => {
-  const { hideReleaseVersion } = props;
-  const [releaseTag, setReleaseTag] = useState('');
-  const [releaseChanges, setReleaseChanges] = useState('');
-  const [fetchingReleaseChanges, setFetchingReleaseChanges] = useState(false);
-  const [fetchReleaseFailed, setFetchReleaseFailed] = useState(false);
+  const { hideReleaseVersion, releaseVersion, releaseNotes } = props;
 
   const releaseVersionTitle = (
     <p>
-      {!hideReleaseVersion && __('A new version %release_tag% of LBRY is ready for you.', { release_tag: releaseTag })}
+      {!hideReleaseVersion &&
+        __('A new version %release_tag% of LBRY is ready for you.', { release_tag: releaseVersion })}
     </p>
   );
   const seeReleaseNotes = (
@@ -34,47 +32,10 @@ const LastReleaseChanges = (props: Props) => {
     </p>
   );
 
-  useEffect(() => {
-    const lastReleaseUrl = 'https://api.github.com/repos/lbryio/lbry-desktop/releases/latest';
-    const options = {
-      method: 'GET',
-      headers: { Accept: 'application/vnd.github.v3+json' },
-    };
-
-    setFetchingReleaseChanges(true);
-    fetch(lastReleaseUrl, options)
-      .then((response) => response.json())
-      .then((response) => {
-        setReleaseTag(response.tag_name);
-        setReleaseChanges(response.body);
-        setFetchingReleaseChanges(false);
-        setFetchReleaseFailed(false);
-      })
-      .catch(() => {
-        setFetchingReleaseChanges(false);
-        setFetchReleaseFailed(true);
-      });
-  }, []);
-
-  if (fetchingReleaseChanges) {
-    return <p>{__('Loading...')}</p>;
-  }
-
-  if (fetchReleaseFailed) {
-    return (
-      <div>
-        {releaseVersionTitle}
-        {seeReleaseNotes}
-      </div>
-    );
-  }
-
   return (
     <div className="release__notes">
       {releaseVersionTitle}
-      <p>
-        <MarkdownPreview content={releaseChanges} />
-      </p>
+      <p className="last-release-changes" dangerouslySetInnerHTML={{ __html: releaseNotes }} />
       {seeReleaseNotes}
     </div>
   );

ui/index.jsx

@@ -117,12 +117,13 @@ ipcRenderer.on('open-uri-requested', (event, url, newSession) => {
   handleError();
 });
 
-autoUpdater.on('update-available', ({ version }) => {
+autoUpdater.on('update-available', (e) => {
   app.store.dispatch({
     type: ACTIONS.CHECK_UPGRADE_SUCCESS,
     data: {
       upgradeAvailable: true,
-      remoteVersion: version,
+      remoteVersion: e.releaseName || e.version,
+      releaseNotes: e.releaseNotes,
     },
   });
 });

ui/redux/reducers/app.js

@@ -201,6 +201,7 @@ reducers[ACTIONS.CHECK_UPGRADE_SUCCESS] = (state, action) =>
   Object.assign({}, state, {
     isUpgradeAvailable: action.data.upgradeAvailable,
     remoteVersion: action.data.remoteVersion,
+    releaseNotes: action.data.releaseNotes,
   });
 
 reducers[ACTIONS.CHECK_UPGRADE_SUBSCRIBE] = (state, action) =>

ui/redux/selectors/app.js

@@ -23,6 +23,8 @@ export const selectHasClickedComment = createSelector(selectState, (state) => st
 
 export const selectRemoteVersion = createSelector(selectState, (state) => state.remoteVersion);
 
+export const selectReleaseNotes = createSelector(selectState, (state) => state.releaseNotes);
+
 export const selectIsUpgradeAvailable = createSelector(selectState, (state) => state.isUpgradeAvailable);
 
 export const selectUpgradeFilename = createSelector(selectPlatform, selectRemoteVersion, (platform, version) => {

ui/scss/all.scss

@@ -70,3 +70,4 @@
 @import 'component/utils';
 @import 'component/settings';
 @import 'component/embed-player';
+@import 'component/last-release-changes';

ui/scss/component/_last-release-changes.scss

@@ -0,0 +1,5 @@
+.last-release-changes {
+  a {
+    @extend .button--link;
+  }
+}