chore: load project info after fetch

tupui · Oct 4, 2024 · 8c73fd0 · 8c73fd0
1 parent 6393707
commit 8c73fd0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/dapp/src/components/ProjectInfo.astro b/dapp/src/components/ProjectInfo.astro
@@ -234,7 +234,6 @@ import DonateModal from "./DonateModal.astro";
   import { updateConfig } from "../service/WriteContractService";
   import { getProject } from "../service/ReadContractService";
   import {
-    initializeProjectState,
     loadConfigData,
     loadProjectInfo,
     loadProjectLatestSha,
@@ -249,9 +248,6 @@ import DonateModal from "./DonateModal.astro";
   } from "../service/GithubService";
 
   document.addEventListener("astro:page-load", () => {
-    initializeProjectState();
-    projectInfoLoaded.set(true);
-
     const modal = document.getElementById(
       "update-config-modal",
     ) as HTMLDialogElement;
@@ -694,8 +690,12 @@ import DonateModal from "./DonateModal.astro";
       }
     }
 
-    updateProjectInfo();
-    updateUpgradeConfigButtonVisibility();
+    projectInfoLoaded.subscribe((loaded) => {
+      if (loaded) {
+        updateProjectInfo();
+        updateUpgradeConfigButtonVisibility();
+      }
+    });
 
     const button = document.querySelector(
       "[data-update-config]",

diff --git a/dapp/src/pages/project/[project].astro b/dapp/src/pages/project/[project].astro
@@ -26,8 +26,9 @@ const { project } = Astro.params;
 <script>
   import { fetchTOMLFromConfigUrl } from "../../service/GithubService";
   import { getProject, getProjectHash } from "../../service/ReadContractService";
-  import { setConfigData, setProject, setProjectId, setProjectLatestSha, setProjectRepoInfo } from "../../service/StateService";
+  import { initializeProjectState, setConfigData, setProject, setProjectId, setProjectLatestSha, setProjectRepoInfo } from "../../service/StateService";
   import { getAuthorRepo } from "../../utils/editLinkFunctions";
+import { projectInfoLoaded } from "../../utils/store";
   document.addEventListener("astro:page-load", async () => {
     const projectElement = document.querySelector('main') as HTMLElement;
     const projectName = projectElement?.dataset.project;
@@ -95,6 +96,8 @@ const { project } = Astro.params;
           setProjectLatestSha(latestSha);
         } else setProjectLatestSha("");
       }
+      initializeProjectState();
+      projectInfoLoaded.set(true);
     }
   });
 </script>