fix: auto open page if is in page before last close

src/pages/Main/index.tsx

@@ -13,8 +13,9 @@ import { usePreferenceObservable } from '@services/preferences/hooks';
 import { WindowNames } from '@services/windows/WindowProperties';
 import FindInPage from '../../components/FindInPage';
 import { SideBar } from '../../components/Sidebar';
-import { WikiBackground } from '../WikiBackground';
 import { Guide } from '../Guide';
+import { WikiBackground } from '../WikiBackground';
+import { useInitialPage } from './useInitialPage';
 
 const Workflow = lazy(() => import('../Workflow'));
 
@@ -63,6 +64,7 @@ const ContentRoot = styled.div`
 
 export default function Main(): JSX.Element {
   const { t } = useTranslation();
+  useInitialPage();
   const preferences = usePreferenceObservable();
   if (preferences === undefined) return <div>{t('Loading')}</div>;
   const { sidebar } = preferences;

src/pages/Main/useInitialPage.ts

@@ -0,0 +1,18 @@
+import { usePromiseValue } from '@/helpers/useServiceValue';
+import { WindowNames } from '@services/windows/WindowProperties';
+import { useEffect, useState } from 'react';
+import { useLocation } from 'wouter';
+
+export function useInitialPage() {
+  const [, setLocation] = useLocation();
+  // when first open the TidGi and no workspace is active (so no BrowserView will be on top of the React), goto the active pages route
+  const initialActivePage = usePromiseValue(async () => await window.service.pages.getActivePage());
+  // only do this once, and not triggering unnecessary rerender by using ref.
+  const [alreadyInitialized, alreadyInitializedSetter] = useState(false);
+  useEffect(() => {
+    if (initialActivePage !== undefined && !alreadyInitialized) {
+      setLocation(`/${WindowNames.main}/${initialActivePage.type}/${initialActivePage.id}/`);
+      alreadyInitializedSetter(true);
+    }
+  }, [setLocation, initialActivePage, alreadyInitialized, alreadyInitializedSetter]);
+}

src/services/pages/index.ts

@@ -54,8 +54,8 @@ export class Pages implements IPagesService {
   public async setActivePage(id: string | PageType, oldActivePageID: string | PageType | undefined): Promise<void> {
     logger.info(`openPage: ${id}`);
     await Promise.all([
-      this.update(id, { active: true }),
       oldActivePageID !== id && this.clearActivePage(oldActivePageID),
+      this.update(id, { active: true }),
       // if not switch to wiki page, e.g. switch from workspace to workflow page, clear active workspace and close its browser view
       id !== PageType.wiki && this.workspaceViewService.clearActiveWorkspaceView(),
     ]);