From 834412ad3159267d63a7e5f208d0457ea963d3ba Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 4 Jan 2026 14:24:34 -0800
Subject: [PATCH] fix release notes not displayed on version change

---
 src/renderer/release-notes-modal.tsx | 50 +++++++++++++++++-----------
 1 file changed, 30 insertions(+), 20 deletions(-)

diff --git a/src/renderer/release-notes-modal.tsx b/src/renderer/release-notes-modal.tsx
index 615be9550..19bf04eed 100644
--- a/src/renderer/release-notes-modal.tsx
+++ b/src/renderer/release-notes-modal.tsx
@@ -130,7 +130,12 @@ const ReleaseNotesContent = ({ onDismiss, version }: ReleaseNotesContentProps) =
                     height: '400px',
                 }}
             >
-                <div dangerouslySetInnerHTML={{ __html: sanitizedHtml }} />
+                <Text
+                    dangerouslySetInnerHTML={{ __html: sanitizedHtml }}
+                    fw={400}
+                    lh="1.5"
+                    size="md"
+                />
             </ScrollArea>
             <Group justify="flex-end">
                 <Button
@@ -151,11 +156,13 @@ const ReleaseNotesContent = ({ onDismiss, version }: ReleaseNotesContentProps) =
     );
 };
 
+const WAIT_FOR_LOCAL_STORAGE = 1000 * 2;
+
 export const ReleaseNotesModal = () => {
     const { version } = packageJson;
     const { t } = useTranslation();
 
-    const [value, setValue] = useLocalStorage({ key: 'version' });
+    const [, setValue] = useLocalStorage({ key: 'version' });
 
     const handleDismiss = useCallback(() => {
         setValue(version);
@@ -163,25 +170,28 @@ export const ReleaseNotesModal = () => {
     }, [setValue, version]);
 
     useEffect(() => {
-        // If value is undefined, set it to current version but don't show modal
-        if (value === undefined) {
-            setValue(version);
-            return;
-        }
+        const timeoutId = setTimeout(() => {
+            const valueFromLocalStorage = localStorage.getItem('version');
+            const versionString = `"${version}"`;
 
-        // Only show modal if the stored version is different from current version
-        if (value !== version) {
-            openModal({
-                children: <ReleaseNotesContent onDismiss={handleDismiss} version={version} />,
-                onClose: handleDismiss,
-                size: 'xl',
-                title: t('common.newVersion', {
-                    postProcess: 'sentenceCase',
-                    version,
-                }) as string,
-            });
-        }
-    }, [handleDismiss, value, version, t, setValue]);
+            // Only show modal if the stored version is different from current version
+            if (valueFromLocalStorage !== versionString) {
+                openModal({
+                    children: <ReleaseNotesContent onDismiss={handleDismiss} version={version} />,
+                    onClose: handleDismiss,
+                    size: 'xl',
+                    title: t('common.newVersion', {
+                        postProcess: 'sentenceCase',
+                        version,
+                    }) as string,
+                });
+            }
+        }, WAIT_FOR_LOCAL_STORAGE);
+
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [handleDismiss, t, version]);
 
     return null;
 };