feat(app2): reenable graph (#4496)

Author: cor

app2/src/lib/queries/statistics.svelte.ts

@@ -38,7 +38,17 @@ export const dailyTransfersQuery = (limit = 30) =>
     variables: { limit },
     refetchInterval: "60 seconds",
     writeData: data => {
-      dailyTransfers.data = data.pipe(Option.map(d => d.v2_stats_transfers_daily_count))
+      // Only show testnet 10 transfers
+      dailyTransfers.data = data.pipe(
+        Option.map(d => {
+          const modifiedData = [...d.v2_stats_transfers_daily_count]
+          const len = modifiedData.length
+          for (let i = Math.max(0, len - 10); i < len; i++) {
+            modifiedData[i] = { ...modifiedData[i], count: 0 }
+          }
+          return modifiedData
+        })
+      )
     },
     writeError: error => {
       dailyTransfers.error = error

app2/src/routes/explorer/+page.svelte

@@ -68,17 +68,7 @@ onMount(() => {
     {/if}
   </div>
 
-  <Card divided>
-    <A class="block p-4" href="/explorer/transfers" external={false}
-      >View all transfers</A
-    >
-    <A class="block p-4" href="/explorer/packets" external={false}
-      >View all packets</A
-    >
-  </Card>
-
   <!-- Daily Transfers Chart -->
-  <!--
   <Card class="h-80 relative" divided>
     <div class="p-4 gap-4 absolute top-0 left-0 border-b-0 w-full z-10">
       <div class="flex justify-between items-center">
@@ -98,5 +88,13 @@ onMount(() => {
       onHoverChange={(day) => hoveredDay = day}
     />
   </Card>
-  !-->
+
+  <Card divided>
+    <A class="block p-4" href="/explorer/transfers" external={false}
+      >View all transfers</A
+    >
+    <A class="block p-4" href="/explorer/packets" external={false}
+      >View all packets</A
+    >
+  </Card>
 </Sections>