diff --git a/src/renderer/components/ProgramChange.tsx b/src/renderer/components/ProgramChange.tsx index 3c40c706..ef2c99a7 100644 --- a/src/renderer/components/ProgramChange.tsx +++ b/src/renderer/components/ProgramChange.tsx @@ -3,7 +3,6 @@ import { useEffect, useState, useCallback } from 'react'; import { faStar } from '@fortawesome/free-solid-svg-icons'; import * as faRegular from '@fortawesome/free-regular-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import Container from 'react-bootstrap/Container'; import { setSelected } from 'renderer/data/SelectedAccountsList/selectedAccountsState'; import { useAppDispatch, useInterval } from '../hooks'; @@ -48,16 +47,19 @@ export function ProgramChange(props: { updateAccount(); }, 666); - if (!change) { - return Loading change for {pubKey}...; - } - const formatSolAmount = (amt: number): string => { if (Math.abs(amt) < 0.01) { return '<0.01'; } return Math.abs(amt).toFixed(2); }; + + const showCount = change?.count || 0; + const showSOL = change + ? truncateLamportAmount(change) + : `no account on ${net}`; + const showChange = change ? formatSolAmount(change.maxDelta) : 0; + return ( dispatch(setSelected(pubKey))} @@ -74,18 +76,18 @@ export function ProgramChange(props: { Max Δ - {formatSolAmount(change.maxDelta)} + {showChange} - SOL - {truncateLamportAmount(change)} + {change ? 'SOL' : ''} + {showSOL} - {change.count} + {showCount}