change timestamps + lamports fields to string

Author: jherrera-jump

src/api/entities.ts

@@ -44,7 +44,7 @@ export const commitHashSchema = z.string();
 
 export const identityKeySchema = z.string();
 
-export const uptimeNanosSchema = z.number();
+export const uptimeNanosSchema = z.coerce.bigint();
 
 export const tileTypeSchema = z.enum([
   "sock",
@@ -71,9 +71,9 @@ export const tileSchema = z.object({
   kind_id: z.number(),
 });
 
-export const identityBalanceSchema = z.number();
+export const identityBalanceSchema = z.coerce.bigint();
 
-export const voteBalanceSchema = z.number();
+export const voteBalanceSchema = z.coerce.bigint();
 
 export const rootSlotSchema = z.number();
 
@@ -234,12 +234,12 @@ export const slotPublishSchema = z.object({
   transactions: z.number().nullable(),
   vote_transactions: z.number().nullable(),
   failed_transactions: z.number().nullable(),
-  priority_fee: z.number().nullable(),
-  transaction_fee: z.number().nullable(),
-  tips: z.number().nullable(),
+  priority_fee: z.coerce.bigint().nullable(),
+  transaction_fee: z.coerce.bigint().nullable(),
+  tips: z.coerce.bigint().nullable(),
   compute_units: z.number().nullable(),
   duration_nanos: z.number().nullable(),
-  completed_time_nanos: z.number().nullable(),
+  completed_time_nanos: z.coerce.bigint().nullable(),
 });
 
 export const tpsHistorySchema = z.array(
@@ -360,11 +360,13 @@ export const summarySchema = z.discriminatedUnion("key", [
 
 export const epochNewSchema = z.object({
   epoch: z.number(),
+  start_time_nanos: z.string().nullable(),
+  end_time_nanos: z.string().nullable(),
   start_slot: z.number(),
   end_slot: z.number(),
-  excluded_stake_lamports: z.number(),
+  excluded_stake_lamports: z.coerce.bigint(),
   staked_pubkeys: z.string().array(),
-  staked_lamports: z.number().array(),
+  staked_lamports: z.coerce.bigint().array(),
   leader_slots: z.number().array(),
 });
 
@@ -385,7 +387,7 @@ const peerUpdateGossipSchema = z.object({
 
 const peerUpdateVoteAccountSchema = z.object({
   vote_account: z.string(),
-  activated_stake: z.number(),
+  activated_stake: z.coerce.bigint(),
   last_vote: z.nullable(z.number()),
   root_slot: z.nullable(z.number()),
   epoch_credits: z.number(),
@@ -425,7 +427,7 @@ export const peersSchema = z.discriminatedUnion("key", [
 ]);
 
 const tsTileTimersSchema = z.object({
-  timestamp_nanos: z.number(),
+  timestamp_nanos: z.string(),
   tile_timers: z.number().array(),
 });
 

src/api/useSetAtomWsData.ts

@@ -74,7 +74,7 @@ export function useSetAtomWsData() {
 
   const [uptime, setUptime] = useAtom(uptimeAtom);
   const uptimeMins =
-    uptime !== undefined ? uptime.uptimeNanos / minuteNanos : undefined;
+    uptime !== undefined ? Number(uptime.uptimeNanos) / minuteNanos : undefined;
 
   const setEstimatedSlotDuration = useSetAtom(estimatedSlotDurationAtom);
   const setDbEstimatedSlotDuration = useThrottledCallback(

src/atoms.ts

@@ -381,17 +381,17 @@ export const peerStatsAtom = atom((get) => {
     (stake, p) =>
       p.vote.reduce(
         (acc, v) => (v.delinquent ? acc : acc + v.activated_stake),
-        0,
+        0n,
       ) + stake,
-    0,
+    0n,
   );
   const delinquentStake = activePeers.reduce(
     (stake, p) =>
       p.vote.reduce(
         (acc, v) => (v.delinquent ? acc + v.activated_stake : acc),
-        0,
+        0n,
       ) + stake,
-    0,
+    0n,
   );
 
   return {
@@ -420,8 +420,13 @@ export const myStakePctAtom = atom((get) => {
   const stake = get(myStakeAmountAtom);
 
   if (stake === undefined || !peerStats) return;
+  if (!(peerStats.activeStake + peerStats.delinquentStake)) return;
 
-  return (stake / (peerStats.activeStake + peerStats.delinquentStake)) * 100;
+  return (
+    (Number(stake) /
+      Number(peerStats.activeStake + peerStats.delinquentStake)) *
+    100
+  );
 });
 
 export const allLeaderNamesAtom = atom((get) => {

src/features/Gossip/Grid.tsx

@@ -9,6 +9,7 @@ import {
   ColDef,
   GetRowIdParams,
   ModuleRegistry,
+  ValueFormatterParams,
 } from "@ag-grid-community/core";
 import { ClientSideRowModelModule } from "@ag-grid-community/client-side-row-model";
 import { CsvExportModule } from "@ag-grid-community/csv-export";
@@ -38,7 +39,7 @@ interface PeerRow {
   pubkey: string;
   name?: string | null;
   description?: string | null;
-  stake?: number | null;
+  stake?: bigint | null;
   delinquent?: boolean | null;
   lastVote?: number | null;
   rootSlot?: number | null;
@@ -48,14 +49,21 @@ const colDefs: ColDef<PeerRow>[] = [
   {
     field: "pubkey",
     initialWidth: 300,
-    cellStyle: (params) => {
+    cellStyle: (params: ValueFormatterParams<PeerRow, string>) => {
       return { color: params.data?.delinquent ? "#6D6F71" : "#B2BCC9" };
     },
     filter: true,
   },
   { field: "name", initialWidth: 300, filter: true },
   { field: "description", initialWidth: 500, filter: true },
-  { field: "stake", initialSort: "desc", initialWidth: 180, filter: true },
+  {
+    field: "stake",
+    initialSort: "desc",
+    initialWidth: 180,
+    filter: true,
+    valueFormatter: (params: ValueFormatterParams<PeerRow, bigint>) =>
+      params.value?.toString() ?? "",
+  },
   { field: "delinquent", initialWidth: 110, filter: true },
   { field: "lastVote", initialWidth: 110, filter: true },
   { field: "rootSlot", initialWidth: 110, filter: true },

src/features/Header/DropDownNavLinks.tsx

@@ -29,7 +29,7 @@ export default function DropDownNavLinks({ children }: PropsWithChildren) {
           </Button>
         )}
       </DropdownMenu.Trigger>
-      <DropdownMenu.Portal container={containerEl} >
+      <DropdownMenu.Portal container={containerEl}>
         <DropdownMenu.Content className={styles.content} sideOffset={5}>
           <DropdownMenu.Item className={styles.item}>
             <NavLink to="/" label="Overview" />

src/features/Header/IdentityKey.tsx

@@ -182,7 +182,7 @@ function Commission() {
   const { peer } = useIdentityPeer();
 
   const maxCommission = peer?.vote.reduce<{
-    maxStake: number;
+    maxStake: bigint;
     commission?: number;
   }>(
     (acc, vote) => {
@@ -191,7 +191,7 @@ function Commission() {
       }
       return acc;
     },
-    { maxStake: 0, commission: undefined },
+    { maxStake: 0n, commission: undefined },
   );
 
   return (
@@ -212,7 +212,9 @@ function Uptime() {
   const getValue = () => {
     if (!uptime) return "-";
 
-    const uptimeDuration = Duration.fromMillis(uptime.uptimeNanos / 1_000_000);
+    const uptimeDuration = Duration.fromMillis(
+      Number(uptime.uptimeNanos) / 1_000_000,
+    );
     const diffDuration = slowDateTimeNow.diff(uptime.ts);
 
     const text = getTimeTillText(uptimeDuration.plus(diffDuration).rescale(), {

src/features/LeaderSchedule/Slots/CardValidatorSummary.tsx

@@ -116,15 +116,17 @@ export function CardValidatorSummaryMobile({
 
 function getStakeMsg(
   peer?: Peer,
-  activeStake?: number,
-  delinquentStake?: number,
+  activeStake?: bigint,
+  delinquentStake?: bigint,
 ) {
   if (!peer) return;
 
   const stake = getStake(peer);
   const pct =
     activeStake !== undefined || delinquentStake !== undefined
-      ? (stake / ((activeStake ?? 0) + (delinquentStake ?? 0))) * 100
+      ? (Number(stake) /
+          Number((activeStake ?? 0n) + (delinquentStake ?? 0n))) *
+        100
       : undefined;
 
   return `${getFmtStake(stake)} ${
@@ -201,7 +203,7 @@ function TimeAgo({ slot, showTime }: CardValidatorSummaryProps) {
     if (!query.publish?.completed_time_nanos) return;
 
     return DateTime.fromMillis(
-      Math.trunc(query.publish?.completed_time_nanos / 1_000_000),
+      Math.trunc(Number(query.publish?.completed_time_nanos) / 1_000_000),
     );
   }, [query.publish]);
 

src/features/LeaderSchedule/Slots/SlotCardGrid.tsx

@@ -184,7 +184,7 @@ function getRowValues(publish: SlotPublish): RowValues {
   const totalTxns = fixValue(publish.transactions ?? 0);
   const nonVoteTxns = totalTxns - voteTxns;
   const totalFees = formatNumberLamports(
-    (publish.transaction_fee ?? 0) + (publish.priority_fee ?? 0),
+    (publish.transaction_fee ?? 0n) + (publish.priority_fee ?? 0n),
     3,
     {
       decimals: 3,
@@ -194,20 +194,22 @@ function getRowValues(publish: SlotPublish): RowValues {
 
   const transactionFeeFull =
     publish.transaction_fee != null
-      ? (publish.transaction_fee / lamportsPerSol).toString()
+      ? (Number(publish.transaction_fee) / lamportsPerSol).toString()
       : "0";
 
   const priorityFeeFull =
     publish.priority_fee != null
-      ? (publish.priority_fee / lamportsPerSol).toString()
+      ? (Number(publish.priority_fee) / lamportsPerSol).toString()
       : "0";
 
-  const tips = formatNumberLamports(publish.tips ?? 0, 3, {
+  const tips = formatNumberLamports(publish.tips ?? 0n, 3, {
     decimals: 3,
     trailingZeroes: true,
   });
   const tipsFull =
-    publish.tips != null ? (publish.tips / lamportsPerSol).toString() : "0";
+    publish.tips != null
+      ? (Number(publish.tips) / lamportsPerSol).toString()
+      : "0";
 
   const durationText =
     publish.duration_nanos !== null