upgrade the triplets (viem,wagmi rainbowkit) (#48)

* upgrade the triplets (viem,wagmi rainbowkit)
valora now included so now custom is needed
add a few good wallets to the suggested list (injected aka browsers is reccommended to always be included, safe and brave only show up in the context of their environemtns)

* not needed (in rainbowkit now)

package.json

@@ -20,7 +20,7 @@
     "@metamask/jazzicon": "https://github.com/jmrossy/jazzicon#7a8df28974b4e81129bfbe3cab76308b889032a6",
     "@metamask/post-message-stream": "6.1.2",
     "@metamask/providers": "10.2.1",
-    "@rainbow-me/rainbowkit": "2.1.1",
+    "@rainbow-me/rainbowkit": "2.1.6",
     "@tanstack/react-query": "^5.28.9",
     "@tanstack/react-table": "^8.15.0",
     "@vercel/analytics": "^1.3.0",
@@ -35,8 +35,8 @@
     "react-dom": "^18.2.0",
     "react-minimal-pie-chart": "^8.4.0",
     "react-toastify": "^10.0.5",
-    "viem": "2.12.1",
-    "wagmi": "2.9.6",
+    "viem": "2.21.8",
+    "wagmi": "2.12.12",
     "yaml": "^2.4.2",
     "zod": "^3.23.8"
   },

src/config/wagmi.tsx

@@ -1,17 +1,20 @@
 import { RainbowKitProvider, connectorsForWallets, lightTheme } from '@rainbow-me/rainbowkit';
 import '@rainbow-me/rainbowkit/styles.css';
 import {
+  braveWallet,
+  injectedWallet,
   metaMaskWallet,
   omniWallet,
   rainbowWallet,
+  safeWallet,
   trustWallet,
+  valoraWallet,
   walletConnectWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useState } from 'react';
 import 'react-toastify/dist/ReactToastify.css';
 import { config, fornoRpcUrl, infuraRpcUrl } from 'src/config/config';
-import { valora } from 'src/config/wallets';
 import { Color } from 'src/styles/Color';
 import { fallback } from 'viem';
 import { celo } from 'viem/chains';
@@ -22,12 +25,15 @@ const connectors = connectorsForWallets(
     {
       groupName: 'Recommended for Celo',
       wallets: [
+        valoraWallet,
         metaMaskWallet,
-        walletConnectWallet,
-        valora,
         rainbowWallet,
         omniWallet,
         trustWallet,
+        braveWallet,
+        safeWallet,
+        walletConnectWallet,
+        injectedWallet,
       ],
     },
   ],

src/features/validators/useGroupRewardHistory.ts

@@ -110,7 +110,10 @@ async function fetchValidatorGroupRewardHistory(
 // Estimates are sufficient for this purpose
 // The alternative is to query for each block's details to get the timestamp
 // but that was causing problems for Infura. Batch requests also did not work.
-function estimateBlockTimestamp(blockNumber: number, latestBlock: Block) {
+function estimateBlockTimestamp(
+  blockNumber: number,
+  latestBlock: Pick<Block, 'number' | 'timestamp'>,
+) {
   const latestNumber = Number(latestBlock.number);
   const latestTimestamp = Number(latestBlock.timestamp) * 1000;
   const timeDifference = (latestNumber - blockNumber) * AVG_BLOCK_TIMES_MS;