feat: add release notes pages

src/renderer/src/pages/settings/AboutSettings.tsx

@@ -10,6 +10,7 @@ import { useSettings } from '@renderer/hooks/useSettings'
 import { useAppDispatch } from '@renderer/store'
 import { setUpdateState } from '@renderer/store/runtime'
 import { setManualUpdateCheck } from '@renderer/store/settings'
+import { ThemeMode } from '@renderer/types'
 import { compareVersions, runAsyncFunction } from '@renderer/utils'
 import { Avatar, Button, Progress, Row, Switch, Tag } from 'antd'
 import { debounce } from 'lodash'
@@ -71,6 +72,15 @@ const AboutSettings: FC = () => {
     })
   }
 
+  const showReleases = async () => {
+    const { appPath } = await window.api.getAppInfo()
+    MinApp.start({
+      name: t('settings.about.releases.title'),
+      url: `file://${appPath}/resources/cherry-studio/releases.html?theme=${theme === ThemeMode.dark ? 'dark' : 'light'}`,
+      logo: AppLogo
+    })
+  }
+
   const hasNewVersion = update?.info?.version && version ? compareVersions(update.info.version, version) > 0 : false
 
   useEffect(() => {
@@ -158,16 +168,7 @@ const AboutSettings: FC = () => {
             <SoundOutlined />
             {t('settings.about.releases.title')}
           </SettingRowTitle>
-          <Button
-            onClick={() =>
-              MinApp.start({
-                name: t('settings.about.releases.title'),
-                url: 'https://github.com/kangfenmao/cherry-studio/releases',
-                logo: AppLogo
-              })
-            }>
-            {t('settings.about.releases.button')}
-          </Button>
+          <Button onClick={showReleases}>{t('settings.about.releases.button')}</Button>
         </SettingRow>
         <SettingDivider />
         <SettingRow>