fix(status-page): Status block proven (#13150)

taikoxyz · Feb 14, 2023 · 21e62fd · 21e62fd
1 parent ca47015
commit 21e62fd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/packages/status-page/src/components/StatusIndicator.svelte b/packages/status-page/src/components/StatusIndicator.svelte
@@ -26,7 +26,7 @@
 
   export let colorFunc: (value: Status) => string;
 
-  export let onClick: (value: Status) => void = null;
+  export let onClick: (value: Status) => void;
 
   export let header: string;
 
@@ -89,7 +89,7 @@
       <span
         transition:fade
         class="pt-2 inline-block align-bottom {onClick ? 'cursor-pointer' : ''}"
-        on:click={() => onClick(statusValue)}
+        on:click={() => (onClick ? onClick(statusValue) : "")}
       >
         <span class={colorFunc(statusValue)}>
           {displayStatusValue(statusValue)}

diff --git a/packages/status-page/src/pages/home/Home.svelte b/packages/status-page/src/pages/home/Home.svelte
@@ -242,8 +242,7 @@
         ) => {
           const contract = new Contract(address, TaikoL1, provider);
           contract.on("BlockProven", (id, parentHash, blockHash, timestamp) => {
-            console.log("block proven", timestamp);
-            onEvent(new Date(timestamp).toString());
+            onEvent(new Date(timestamp.toNumber() * 1000).toString());
           });
         },
         colorFunc: function (status: Status) {
@@ -284,7 +283,7 @@
           address: string
         ) => {
           const stateVars = await getStateVariables(provider, address);
-          return stateVars.avgBlockTime.toNumber();
+          return `${stateVars.avgBlockTime.toNumber()} seconds`;
         },
         tooltip:
           "The current average block time, updated when a block is successfully proposed.",