back to simple network stats

Kredeum · May 14, 2024 · 64331a5 · 64331a5
1 parent c0b48f3
commit 64331a5
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 67 deletions.
diff --git a/svelte/src/components/Account/AccountEns.svelte b/svelte/src/components/Account/AccountEns.svelte
diff --git a/sveltekit/src/lib/components/StatsNetwork.svelte b/sveltekit/src/lib/components/StatsNetwork.svelte
@@ -1,24 +1,21 @@
 <script lang="ts">
-  import type { CollectionType } from "@kredeum/common/src/common/types";
+  import type { NetworkType } from "@kredeum/common/src/common/types";
   import { networks } from "@kredeum/common/src/common/networks";
   import HomeLayout from "@kredeum/svelte/src/components/Global/HomeLayout.svelte";
   import Navigation from "@kredeum/svelte/src/components/Global/Navigation.svelte";
-  import { resolverGetCollectionsInfos } from "@kredeum/common/src/resolver/resolver-get-collection";
-  import { ADDRESS_ZERO, explorerCollectionUrl, getDappUrl } from "@kredeum/common/src/common/config";
-  import { onMount } from "svelte";
+  import {
+    resolverGetCollectionsInfos,
+    resolverGetCollectionsAddresses
+  } from "@kredeum/common/src/resolver/resolver-get-collection";
+  import { ADDRESS_ZERO, explorerCollectionUrl, getDappUrl, getShortAddress } from "@kredeum/common/src/common/config";
 
   ///////////////////////////////////////
   // <StatsNetwork {chainId} />
   ///////////////////////////////////////
   export let chainId: number;
   ///////////////////////////////////////
 
-  let collections: CollectionType[] = [];
-
-  onMount(async () => {
-    const res = await resolverGetCollectionsInfos(chainId, "0x981ab0D817710d8FFFC5693383C00D985A3BDa38");
-    collections = Array.from(res.values());
-  });
+  resolverGetCollectionsInfos(chainId).then(console.log);
 </script>
 
 <HomeLayout>
@@ -35,29 +32,29 @@
       <caption> <h1>{networks.getChainName(chainId)} #{chainId}</h1></caption>
       <thead>
         <tr>
-          <th>name</th>
-          <th>Total </th>
-          <th>View</th>
           <th>Collections Addresses</th>
+          <th>View</th>
         </tr>
       </thead>
       <tbody>
-        {#each collections as collection}
-          <tr>
-            <td>{collection.name}</td>
-            <td>{collection.totalSupply} {collection.symbol}</td>
-            <td>
-              <a href={getDappUrl(chainId, { address: collection.address, action: "view-all" }, "")} target="_blank"
-                >view collection</a
-              >
-            </td>
-            <td>
-              <a href={explorerCollectionUrl(chainId, collection.address)} target="_blank">
-                {collection.address}
-              </a>
-            </td>
-          </tr>
-        {/each}
+        {#await resolverGetCollectionsAddresses(chainId)}
+          ...
+        {:then addresses}
+          {#each addresses as address}
+            <tr>
+              <td>
+                <a href={explorerCollectionUrl(chainId, address)} target="_blank">{address}</a>
+              </td>
+              <td>
+                <a href="{getDappUrl(chainId, { address }, '')}@{ADDRESS_ZERO}" target="_blank">
+                  <i class="fas fa-eye"></i>
+                </a>
+              </td>
+            </tr>
+          {/each}
+        {:catch}
+          ---
+        {/await}
       </tbody>
     </table>
   </span>
@@ -89,7 +86,7 @@
   td {
     font-family: "Courier New", monospace;
     padding: 8px;
-    text-align: right;
+    text-align: center;
     border-bottom: 1px solid #ddd;
     width: 180px;
   }

diff --git a/...src/lib/components/StatsNetworkOld.svelte → ...src/lib/components/StatsNetworkNew.svelte b/...src/lib/components/StatsNetworkOld.svelte → ...src/lib/components/StatsNetworkNew.svelte
@@ -1,21 +1,24 @@
 <script lang="ts">
-  import type { NetworkType } from "@kredeum/common/src/common/types";
+  import type { CollectionType } from "@kredeum/common/src/common/types";
   import { networks } from "@kredeum/common/src/common/networks";
   import HomeLayout from "@kredeum/svelte/src/components/Global/HomeLayout.svelte";
   import Navigation from "@kredeum/svelte/src/components/Global/Navigation.svelte";
-  import {
-    resolverGetCollectionsInfos,
-    resolverGetCollectionsAddresses
-  } from "@kredeum/common/src/resolver/resolver-get-collection";
-  import { ADDRESS_ZERO, explorerCollectionUrl, getDappUrl, getShortAddress } from "@kredeum/common/src/common/config";
+  import { resolverGetCollectionsInfos } from "@kredeum/common/src/resolver/resolver-get-collection";
+  import { ADDRESS_ZERO, explorerCollectionUrl, getDappUrl } from "@kredeum/common/src/common/config";
+  import { onMount } from "svelte";
 
   ///////////////////////////////////////
   // <StatsNetwork {chainId} />
   ///////////////////////////////////////
   export let chainId: number;
   ///////////////////////////////////////
 
-  resolverGetCollectionsInfos(chainId).then(console.log);
+  let collections: CollectionType[] = [];
+
+  onMount(async () => {
+    const res = await resolverGetCollectionsInfos(chainId, "0x981ab0D817710d8FFFC5693383C00D985A3BDa38");
+    collections = Array.from(res.values());
+  });
 </script>
 
 <HomeLayout>
@@ -32,29 +35,29 @@
       <caption> <h1>{networks.getChainName(chainId)} #{chainId}</h1></caption>
       <thead>
         <tr>
-          <th>Total Supply</th>
+          <th>name</th>
+          <th>Total </th>
           <th>View</th>
           <th>Collections Addresses</th>
         </tr>
       </thead>
       <tbody>
-        {#await resolverGetCollectionsAddresses(chainId)}
-          ...
-        {:then addresses}
-          {#each addresses as address}
-            <tr>
-              <td>1</td>
-              <td> 
-                <a href="{getDappUrl(chainId, { address }, '')}@{ADDRESS_ZERO}" target="_blank">view collection</a>
-              </td>
-              <td>
-                <a href={explorerCollectionUrl(chainId, address)} target="_blank">{address}</a>
-              </td>
-            </tr>
-          {/each}
-        {:catch}
-          ---
-        {/await}
+        {#each collections as collection}
+          <tr>
+            <td>{collection.name}</td>
+            <td>{collection.totalSupply} {collection.symbol}</td>
+            <td>
+              <a href={getDappUrl(chainId, { address: collection.address, action: "view-all" }, "")} target="_blank"
+                >view collection</a
+              >
+            </td>
+            <td>
+              <a href={explorerCollectionUrl(chainId, collection.address)} target="_blank">
+                {collection.address}
+              </a>
+            </td>
+          </tr>
+        {/each}
       </tbody>
     </table>
   </span>
@@ -86,7 +89,7 @@
   td {
     font-family: "Courier New", monospace;
     padding: 8px;
-    text-align: center;
+    text-align: right;
     border-bottom: 1px solid #ddd;
     width: 180px;
   }