Project page update (#53)

* feat: add function to get commit info from sha

* chore: change name class to classname

* chore: add check and failed icons

* feat: update project info UI

* chore: add docs link to tansu.toml alert messate

* fix: fetch error handler in project info page

* chore: remove border from sync badges

* fix: commit section disable error

* chore: change border color to lime of latest commit record

dapp/src/components/Commit.astro

@@ -47,17 +47,17 @@ import PrimaryButton from "./utils/PrimaryButton.astro";
   import { commitHash } from "../service/WriteContractService";
   import { loadProjectInfo } from "../service/StateService";
   import { loadedPublicKey } from "./stellar-wallets-kit";
-  import { latestCommit } from "../utils/store";
+  import { latestCommit, projectInfoLoaded } from "../utils/store";
 
   document.addEventListener("astro:page-load", () => {
     function updateCommitSectionVisibility() {
       const projectInfo = loadProjectInfo();
-
+      
       if (projectInfo) {
         const connectedPublicKey = loadedPublicKey();
         const isMaintainer = connectedPublicKey
-          ? projectInfo.maintainers.includes(connectedPublicKey)
-          : false;
+        ? projectInfo.maintainers.includes(connectedPublicKey)
+        : false;
         const updateCommitSection = document.getElementById(
           "update-commit-section",
         );
@@ -66,9 +66,13 @@ import PrimaryButton from "./utils/PrimaryButton.astro";
         }
       }
     }
-
+    
     // Call the function when the page loads
-    updateCommitSectionVisibility();
+    projectInfoLoaded.subscribe((loaded) => {
+      if (loaded) {
+        updateCommitSectionVisibility();
+      }
+    });
 
     const commit_hash = document.getElementById(
       "commit_hash",

dapp/src/components/CommitRecord.jsx

@@ -40,7 +40,7 @@ const CommitRecord = ({
 
   return (
     <div
-      className={`commit-record relative bg-white pt-5 pb-3 px-4 rounded-lg border border-gray-200 shadow-sm flex justify-between items-start ${isLatestCommit ? "border-2 border-blue-300 bg-zinc-300" : ""}`}
+      className={`commit-record relative bg-white pt-5 pb-3 px-4 rounded-lg border border-gray-200 shadow-sm flex justify-between items-start ${isLatestCommit ? "border-2 border-lime bg-zinc-300" : ""}`}
       data-sha={sha}
       id={isLatestCommit ? "latest-commit-record" : undefined}
     >