Move changelog loading to server

Summary: per title

Reviewed By: aigoncharov

Differential Revision: D32723706

fbshipit-source-id: ce5108da9f5da6fdfa7d1a66a31a4f8f430eb78d

desktop/flipper-ui-core/src/sandy-chrome/SandyApp.tsx

@@ -29,7 +29,7 @@ import {AppInspect} from './appinspect/AppInspect';
 import PluginContainer from '../PluginContainer';
 import {ContentContainer} from './ContentContainer';
 import {Notification} from './notification/Notification';
-import ChangelogSheet, {hasNewChangesToShow} from '../chrome/ChangelogSheet';
+import {showChangelog} from '../chrome/ChangelogSheet';
 import PlatformSelectWizard, {
   hasPlatformWizardBeenDone,
 } from '../chrome/PlatformSelectWizard';
@@ -98,9 +98,6 @@ export function SandyApp() {
     })`;
 
     registerStartupTime(logger);
-    if (hasNewChangesToShow(window.localStorage)) {
-      Dialog.showModal((onHide) => <ChangelogSheet onHide={onHide} recent />);
-    }
 
     if (hasPlatformWizardBeenDone(window.localStorage)) {
       Dialog.showModal((onHide) => (
@@ -113,6 +110,8 @@ export function SandyApp() {
       ));
     }
 
+    showChangelog(true);
+
     // don't warn about logger, even with a new logger we don't want to re-register
     // eslint-disable-next-line
   }, []);

desktop/flipper-ui-core/src/sandy-chrome/WelcomeScreen.tsx

@@ -17,14 +17,7 @@ import {
   BugOutlined,
   HistoryOutlined,
 } from '@ant-design/icons';
-import {
-  Dialog,
-  Layout,
-  NUX,
-  theme,
-  Tracked,
-  TrackingScope,
-} from 'flipper-plugin';
+import {Layout, NUX, theme, Tracked, TrackingScope} from 'flipper-plugin';
 
 const {Text, Title} = Typography;
 
@@ -33,8 +26,8 @@ import config from '../fb-stubs/config';
 import isProduction from '../utils/isProduction';
 import {getAppVersion} from '../utils/info';
 import {getFlipperLib} from 'flipper-plugin';
-import ChangelogSheet from '../chrome/ChangelogSheet';
 import {ReleaseChannel} from 'flipper-common';
+import {showChangelog} from '../chrome/ChangelogSheet';
 
 const RowContainer = styled(FlexRow)({
   alignItems: 'flex-start',
@@ -192,11 +185,9 @@ function WelcomeScreenContent() {
                 size="small"
                 icon={<HistoryOutlined />}
                 title="Changelog"
-                onClick={() =>
-                  Dialog.showModal((onHide) => (
-                    <ChangelogSheet onHide={onHide} />
-                  ))
-                }
+                onClick={() => {
+                  showChangelog(false);
+                }}
               />
             </NUX>
           </Tooltip>