feat: add total value securing metric

Author: wackerow

app/[locale]/enterprise/page.tsx

@@ -54,7 +54,9 @@ import type { Case, EcosystemPlayer, Feature } from "./types"
 import { parseActivity } from "./utils"
 
 import { fetchEthereumStablecoinsMcap } from "@/lib/api/fetchEthereumStablecoinsMcap"
+import { fetchEthPrice } from "@/lib/api/fetchEthPrice"
 import { fetchGrowThePie } from "@/lib/api/fetchGrowThePie"
+import { fetchTotalEthStaked } from "@/lib/api/fetchTotalEthStaked"
 import EthGlyph from "@/public/images/assets/svgs/eth-diamond-rainbow.svg"
 import heroImage from "@/public/images/heroes/enterprise-hero-white.png"
 
@@ -82,8 +84,10 @@ const CasesSwiper = dynamic(() => import("./_components/CasesSwiper"), {
 // TODO: Switch back to this for cache and mock-data dev fallback
 // const loadData = dataLoader(
 //   [
-//     ["ethereumStablecoinsResponse", fetchEthereumStablecoinsMcap],
 //     ["growThePieData", fetchGrowThePie],
+//     ["ethereumStablecoins", fetchEthereumStablecoinsMcap],
+//     ["ethPrice", fetchEthPrice],
+//     ["totalEthStaked", fetchTotalEthStaked],
 //   ],
 //   BASE_TIME_UNIT * 1000
 // )
@@ -93,14 +97,19 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const t = await getTranslations({ locale, namespace: "page-enterprise" })
 
-  // const [{ txCount }, ethereumStablecoinsResponse] = await loadData()
+  // const [{ txCount }, stablecoinMarketCap, ethPrice, totalEthStaked] =
+  //   await loadData()
   const { txCount } = await fetchGrowThePie()
   const stablecoinMarketCap = await fetchEthereumStablecoinsMcap()
+  const ethPrice = await fetchEthPrice()
+  const totalEthStaked = await fetchTotalEthStaked()
 
   const metrics = await parseActivity(
     {
       txCount,
       stablecoinMarketCap,
+      ethPrice,
+      totalEthStaked,
       // totalCapitalSecured,
     },
     locale

app/[locale]/enterprise/utils.ts

@@ -14,6 +14,8 @@ export const parseActivity = async (
   {
     txCount,
     stablecoinMarketCap,
+    ethPrice,
+    totalEthStaked,
     // totalCapitalSecured,
   }: AllEnterpriseActivityData,
   locale: Lang
@@ -41,6 +43,26 @@ export const parseActivity = async (
           ),
         }
 
+  const hasEthStakerAndPriceData =
+    "value" in totalEthStaked && "value" in ethPrice
+  const totalStakedInUsd = hasEthStakerAndPriceData
+    ? totalEthStaked.value * ethPrice.value
+    : 0
+
+  const totalValueSecuringFormatted = !totalStakedInUsd
+    ? {
+        error:
+          "error" in totalEthStaked
+            ? totalEthStaked.error
+            : "error" in ethPrice
+              ? ethPrice.error
+              : "",
+      }
+    : {
+        ...totalEthStaked,
+        value: formatLargeUSD(totalStakedInUsd, localeForNumberFormat),
+      }
+
   // const totalCapitalSecuredFormatted =
   //   "error" in totalCapitalSecured
   //     ? { error: totalCapitalSecured.error }
@@ -65,6 +87,12 @@ export const parseActivity = async (
       apiUrl: "https://www.coingecko.com/en/categories/stablecoins",
       state: stablecoinMarketCapFormatted,
     },
+    {
+      label: t("page-enterprise-activity-value-protecting"),
+      apiProvider: "Dune Analytics",
+      apiUrl: "https://dune.com/hildobby/eth2-staking",
+      state: totalValueSecuringFormatted,
+    },
     // {
     //   // TODO
     //   label: t("page-enterprise-activity-total-secured"),

src/intl/en/page-enterprise.json

@@ -8,6 +8,7 @@
   "page-enterprise-cases-eib-content": "<strong>Issued a €100M digital bond</strong> on public Ethereum. The project was conducted in cooperation with the Banque de France, Goldman Sachs, Santander and Société Générale.",
   "page-enterprise-activity-tx-count": "Daily transactions",
   "page-enterprise-activity-stablecoin-mktcap": "Stablecoin market cap",
+  "page-enterprise-activity-value-protecting": "Value protecting Ethereum",
   "page-enterprise-activity-total-secured": "Total capital secured",
   "page-enterprise-ecosystem-cta": "See use cases",
   "page-enterprise-ecosystem-description": "The question is not whether money will become programmable, but how quickly the transition will occur and which platforms will enable it.",

src/lib/types.ts

@@ -574,7 +574,11 @@ export type AllHomepageActivityData = Record<
   MetricReturnData
 >
 
-export type EnterpriseActivityMetric = "txCount" | "stablecoinMarketCap"
+export type EnterpriseActivityMetric =
+  | "txCount"
+  | "stablecoinMarketCap"
+  | "ethPrice" // Use with `totalEthStaked` to convert ETH to USD
+  | "totalEthStaked"
 // | "totalCapitalSecured"
 
 export type AllEnterpriseActivityData = Record<