Add command line switch for force display of changes dialog

1 files changed, 16 insertions, 5 deletions

diff --git a/gui/src/renderer/components/Changelog.tsx b/gui/src/renderer/components/Changelog.tsx
index 9bd55ba411..716daba75d 100644
--- a/gui/src/renderer/components/Changelog.tsx
+++ b/gui/src/renderer/components/Changelog.tsx
@@ -1,7 +1,9 @@
+import { useCallback } from 'react';
 import styled from 'styled-components';
 
 import { messages } from '../../shared/gettext';
 import { useAppContext } from '../context';
+import { useBoolean } from '../lib/utilityHooks';
 import { useSelector } from '../redux/store';
 import * as AppButton from './AppButton';
 import { hugeText, smallText } from './common-styles';
@@ -33,20 +35,29 @@ export function Changelog() {
     (state) => state.settings.guiSettings.changelogDisplayedForVersion,
   );
   const changelog = useSelector((state) => state.userInterface.changelog);
+  const initialForceShowChanges = useSelector((state) => state.userInterface.forceShowChanges);
 
   const { setDisplayedChangelog } = useAppContext();
 
+  const [forceShowChanges, , stopForceShowChanges] = useBoolean(initialForceShowChanges);
+
+  const close = useCallback(() => {
+    setDisplayedChangelog();
+    stopForceShowChanges();
+  }, []);
+
   const visible =
-    changelogDisplayedForVersion !== currentVersion &&
-    changelog.length > 0 &&
-    !window.env.development &&
-    !/-dev-[0-9a-f]{6}$/.test(currentVersion);
+    forceShowChanges ||
+    (changelogDisplayedForVersion !== currentVersion &&
+      changelog.length > 0 &&
+      !window.env.development &&
+      !/-dev-[0-9a-f]{6}$/.test(currentVersion));
 
   return (
     <ModalAlert
       isOpen={visible}
       buttons={[
-        <AppButton.BlueButton key="close" onClick={setDisplayedChangelog}>
+        <AppButton.BlueButton key="close" onClick={close}>
           {
             // TRANSLATORS: This is a button which closes a dialog.
             messages.gettext('Got it!')