Dashboard links update

app/[locale]/resources/_components/resources.tsx

@@ -125,8 +125,12 @@ const ResourcesPage = ({ txCostsMedianUsd }: ResourcesPageProps) => {
                       <div className="h-full bg-background bg-gradient-to-br from-white to-primary/10 px-2 py-6 dark:from-transparent dark:to-primary/10">
                         {metric && metric}
                         <ResourcesContainer>
-                          {items.map((item) => (
-                            <ResourceItem item={item} key={item.title} />
+                          {items.map(({ className, ...item }) => (
+                            <ResourceItem
+                              item={item}
+                              key={item.title}
+                              className={className}
+                            />
                           ))}
                         </ResourcesContainer>
                       </div>

src/components/Resources/types.ts

@@ -5,6 +5,7 @@ export type Item = {
   description: string
   href: string
   imgSrc: StaticImageData
+  className?: string
 }
 
 export type DashboardBox = {

src/components/Resources/useResources.tsx

@@ -21,34 +21,38 @@ import IconBeaconchain from "@/public/images/resources/beaconcha-in.png"
 import IconBlobsGuru from "@/public/images/resources/blobsguru.png"
 import IconBlocknative from "@/public/images/resources/blocknative.png"
 import IconBlockscout from "@/public/images/resources/blockscout.webp"
+import IconBundleBear from "@/public/images/resources/bundlebear.png"
 import IconCryptwerk from "@/public/images/resources/cryptowerk.png"
 import IconDefiLlama from "@/public/images/resources/defi-llama.png"
-import IconDefiMarketCap from "@/public/images/resources/defi-market-cap.png"
 import IconDefiScan from "@/public/images/resources/defi-scan.png"
 import IconEas from "@/public/images/resources/eas.png"
 import IconEigenphi from "@/public/images/resources/eigenphi.png"
 import IconEthGlyphBlack from "@/public/images/resources/eth-glyph-black.png"
 import IconEthGlyphBlueCircle from "@/public/images/resources/eth-glyph-blue-circle.png"
 import IconEthGlyphEOrg from "@/public/images/resources/eth-glyph-e-org.png"
-import IconEthGlyphRainbowFrame from "@/public/images/resources/eth-glyph-rainbow.frame.png"
+import IconEthGlyphRainbowFrame from "@/public/images/resources/eth-glyph-rainbow-frame.png"
 import IconEtherealize from "@/public/images/resources/etherealize.png"
 import IconEtherscan from "@/public/images/resources/etherscan.png"
 import IconEthproofs from "@/public/images/resources/ethproofs.png"
-import IconEthstaker from "@/public/images/resources/ethstaker.png"
 import IconFarcaster from "@/public/images/resources/farcaster.png"
 import IconGasTracker from "@/public/images/resources/gas.png"
 import IconGrowthepie from "@/public/images/resources/growthepie.png"
 import IconL2beat from "@/public/images/resources/l2beat.png"
+import IconLuckyStaker from "@/public/images/resources/lucky-staker.png"
 import IconNftgo from "@/public/images/resources/nftgo.png"
 import IconNodewatch from "@/public/images/resources/nodewatch.png"
+import IconPandaOps from "@/public/images/resources/panda.png"
+import IconPectrified from "@/public/images/resources/pectrified.png"
 import IconRatedNetwork from "@/public/images/resources/rated-network.png"
 import IconRelayscan from "@/public/images/resources/relayscan.png"
+import IconReserves from "@/public/images/resources/reserves.png"
 import IconRwa from "@/public/images/resources/rwa.png"
 import IconStablecoinsWtf from "@/public/images/resources/stablecoins-wtf.png"
 import IconSupermajority from "@/public/images/resources/supermajority.png"
 import IconTxCity from "@/public/images/resources/txcity.png"
 import IconUltrasoundMoney from "@/public/images/resources/ultrasound-money.png"
 import IconVisaOnchainAnalytics from "@/public/images/resources/visa-onchain-analytcs.png"
+import IconWalletBeat from "@/public/images/resources/walletbeat.png"
 
 const formatSmallUSD = (value: number, locale: string): string =>
   new Intl.NumberFormat(locale, {
@@ -158,6 +162,14 @@ export const useResources = ({ txCostsMedianUsd }): DashboardSection[] => {
           href: "https://beaconcha.in",
           imgSrc: IconBeaconchain,
         },
+        {
+          title: "Beacon Block Production Live",
+          description: t(
+            "page-resources-block-explorers-panda-ops-description"
+          ),
+          href: "https://lab.ethpandaops.io/beacon/block-production/live",
+          imgSrc: IconPandaOps,
+        },
         {
           title: "Txcity.io",
           description: t("page-resources-block-explorers-txcity-description"),
@@ -239,12 +251,6 @@ export const useResources = ({ txCostsMedianUsd }): DashboardSection[] => {
           href: "https://defillama.com",
           imgSrc: IconDefiLlama,
         },
-        {
-          title: "DeFi Market Cap",
-          description: t("page-resources-defi-defimarketcap-description"),
-          href: "https://defimarketcap.io",
-          imgSrc: IconDefiMarketCap,
-        },
         {
           title: "EigenPhi",
           description: t("page-resources-defi-eigenphi-description"),
@@ -282,6 +288,7 @@ export const useResources = ({ txCostsMedianUsd }): DashboardSection[] => {
           description: t("page-resources-stablecoins-rwa-description"),
           href: "https://app.rwa.xyz/stablecoins",
           imgSrc: IconRwa,
+          className: "dark:[&_img]:invert",
         },
       ],
     },
@@ -343,6 +350,30 @@ export const useResources = ({ txCostsMedianUsd }): DashboardSection[] => {
           href: "https://cryptwerk.com/analytics/ethereum/",
           imgSrc: IconCryptwerk,
         },
+        {
+          title: "Strategic Ethereum Reserve",
+          description: t("page-resources-reserves-cryptowerk-description"),
+          href: "https://www.strategicethreserve.xyz",
+          imgSrc: IconReserves,
+        },
+      ],
+    },
+    {
+      title: t("page-resources-wallets-title"),
+      items: [
+        {
+          title: "Wallet Beat",
+          description: t("page-resources-wallets-wallet-beat-description"),
+          href: "https://wallet.page/",
+          imgSrc: IconWalletBeat,
+        },
+        {
+          title: "BundleBear",
+          description: t("page-resources-wallets-bundlebear-description"),
+          href: "https://www.bundlebear.com",
+          className: "dark:[&_img]:invert",
+          imgSrc: IconBundleBear,
+        },
       ],
     },
   ]
@@ -404,10 +435,17 @@ export const useResources = ({ txCostsMedianUsd }): DashboardSection[] => {
           imgSrc: IconEtherscan,
         },
         {
-          title: "luckystaker.com",
+          title: "LuckyStaker",
           description: t("page-resources-nodes-luckystaker-description"),
           href: "https://luckystaker.com",
-          imgSrc: IconEthstaker,
+          imgSrc: IconLuckyStaker,
+          className: "dark:[&_img]:invert",
+        },
+        {
+          title: "Validators Overview after Pectra",
+          description: t("page-resources-nodes-pectrified-description"),
+          href: "https://pectrified.com/mainnet",
+          imgSrc: IconPectrified,
         },
         {
           title: "Ethereum Validator Queue",
@@ -483,6 +521,7 @@ export const useResources = ({ txCostsMedianUsd }): DashboardSection[] => {
           description: t("page-resources-relays-ratednetwork-description"),
           href: "https://explorer.rated.network/relays?network=mainnet",
           imgSrc: IconRatedNetwork,
+          className: "dark:[&_img]:invert",
         },
         {
           title: "Relay Scan",

src/intl/en/page-resources.json

@@ -13,6 +13,7 @@
   "page-resources-block-explorers-etherscan-description": "Etherscan is a block explorer and analytics platform for Ethereum, a decentralized smart contracts platform.",
   "page-resources-block-explorers-beaconchain-description": "Open source Ethereum explorer showing the Ethereum Mainnet 🚀.",
   "page-resources-block-explorers-txcity-description": "A funny visualizer of the Ethereum blocks in real-time.",
+  "page-resources-block-explorers-panda-ops-description": "Live dashboard for Ethereum beacon chain block production by ethPandaOps.",
   "page-resources-eth-asset-title": "ETH the asset",
   "page-resources-eth-asset-etherealize-description": "Ethereum is the largest, most secure, and most open blockchain for the world to use. And Ethereum is open for business.",
   "page-resources-eth-asset-ultrasound-description": "Ultra sound money is an Ethereum meme focusing on the likely decrease of the ETH supply.",
@@ -25,7 +26,6 @@
   "page-resources-gas-gasfees-description": "Gas costs data tracker for Ethereum networks.",
   "page-resources-defi-title": "DeFi",
   "page-resources-defi-defillama-description": "DefiLlama is the largest TVL aggregator for DeFi (Decentralized Finance).",
-  "page-resources-defi-defimarketcap-description": "Top 100 DeFi tokens by market capitalization.",
   "page-resources-defi-eigenphi-description": "Wanna understand DeFi transactions and trading strategies?",
   "page-resources-defi-defiscan-description": "Verifiable insights into the maturity and risks of DeFi.",
   "page-resources-stablecoins-title": "Stablecoins",
@@ -40,8 +40,9 @@
   "page-resources-applications-farcaster-description": "Data from Farcaster usage.",
   "page-resources-applications-dappradar-description": "Explore top blockchain dapps, NFTs, games, DeFi projects, tokens, and airdrops. Track rankings, explore market insights, find trending projects, and unlock rewards with the world’s dapp store.",
   "page-resources-adoption-title": "Ethereum Adoption",
-  "page-resources-adoption-ethereumadoption-description": "Ethereum Censorability Monitor.",
+  "page-resources-adoption-ethereumadoption-description": "A list of high profile entities building on Ethereum.",
   "page-resources-adoption-cryptowerk-description": "Ethereum adoption analytics based on Cryptwerk merchants database - map, countries, companies, businesses, categories, rating.",
+  "page-resources-adoption-reserves-description": "A dashboard for the Strategic Ethereum Reserve initiative.",
   "page-resources-roadmap-title": "Ethereum Roadmap",
   "page-resources-roadmap-ethroadmap-description": "Detailed visualization on Ethereum roadmap and the next network upgrade.",
   "page-resources-blobs-title": "Blobs",
@@ -52,6 +53,7 @@
   "page-resources-nodes-ethernodes-description": "Ethereum Mainnet statistics.",
   "page-resources-nodes-etherscan-description": "Daily.",
   "page-resources-nodes-luckystaker-description": "Daily proposal probability of getting a block.",
+  "page-resources-nodes-pectrified-description": "Ethereum Pectra fork statistics for validators.",
   "page-resources-nodes-validatorqueue-description": "A dashboard showing the Ethereum validator enter and exit queue and estimated wait times.",
   "page-resources-network-resilience-title": "Network resilience",
   "page-resources-network-resilience-neutralitywatch-description": "Ethereum Censorability Monitor.",
@@ -67,6 +69,9 @@
   "page-resources-mev-title": "MEV",
   "page-resources-mev-mevboost-description": "The purpose of this website is to educate degens about stablecoins.",
   "page-resources-mev-mevwatch-description": "Some MEV-Boost relays are regulated under OFAC and will censor certain transactions. Use this tool to observe the effect it's having on Ethereum blocks.",
+  "page-resources-wallets-title": "Wallets",
+  "page-resources-wallets-wallet-beat-description": "A simple Ethereum wallet dashboard and summary tool.",
+  "page-resources-wallets-bundlebear-description": "Dashboards and analytics for ERC-4337 and EIP-7702 smart accounts.",
   "page-resources-zk-adoption-title": "ZK adoption",
   "page-resources-zk-adoption-ethproofs-description": "SNARKs that scale Ethereum.",
   "page-resources-zk-adoption-l2beat-description": "ZK Catalog by L2BEAT is a community-driven resource offering detailed insights into the ZK technology utilized by various blockchain projects.",
@@ -85,4 +90,4 @@
   "page-resources-whats-on-this-page": "What's on this page",
   "page-resources-banner-notification-message": "Resources dashboard is new!",
   "page-resources-share-feedback": "Please share your feedback with us"
-}
+}