luxfi/explore
1
0
Fork 0
mirror of https://github.com/luxfi/explore.git synced 2026-07-27 05:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(tx): guard tx.fee?.value — luxfi indexer returns fee:null; FE must render fee-less txs without crashing (homepage Latest Txs error boundary)

Browse Source
This commit is contained in:
Antje Worring
2026-06-23 13:17:30 -07:00
parent 2e4e848ac7
commit 8a4dbae2a5
7 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/shared/tx/TxFee.tsx
+2 -2
View File
@@ -25,7 +25,7 @@ const TxFee = ({ tx, accuracy, accuracyUsd, loading, noSymbol: noSymbolProp, noU
if ('celo' in tx && tx.celo?.gas_token) {
return (
<TokenValue
amount={ tx.fee.value || '0' }
amount={ tx.fee?.value || '0' }
token={ tx.celo.gas_token }
accuracy={ accuracy }
accuracyUsd={ accuracyUsd }
@@ -54,7 +54,7 @@ const TxFee = ({ tx, accuracy, accuracyUsd, loading, noSymbol: noSymbolProp, noU
return (
<NativeCoinValue
amount={ tx.fee.value || '0' }
amount={ tx.fee?.value || '0' }
noSymbol={ noSymbol }
exchangeRate={ noUsd ? null : exchangeRate }
historicalExchangeRate={ noUsd ? null : historicalExchangeRate }
ui/tx/TxDetailsWrapped.tsx
+1 -1
View File
@@ -71,7 +71,7 @@ const TxDetailsWrapped = ({ data }: Props) => {
</DetailedInfo.ItemLabel>
<DetailedInfoNativeCoinValue amount={ data.value }/>
{ data.fee.value !== null && (
{ data.fee?.value != null && (
<>
<DetailedInfo.ItemLabel
hint="Total transaction fee"
ui/tx/details/TxDetailsTxFee.tsx
+1 -1
View File
@@ -39,7 +39,7 @@ const TxDetailsTxFee = ({ isLoading, data }: Props) => {
return (
<>
<NativeCoinValue
amount={ data.fee.value }
amount={ data.fee?.value }
exchangeRate={ exchangeRate }
historicalExchangeRate={ historicalExchangeRate }
hasExchangeRateToggle
ui/tx/details/TxInfo.tsx
+1 -1
View File
@@ -677,7 +677,7 @@ const TxInfo = ({ data, tacOperations, isLoading, socketStatus, noTxActions }: P
<TxDetailsGasPrice gasPrice={ data.gas_price } gasToken={ data.celo?.gas_token } isLoading={ isLoading }/>
<TxDetailsFeePerGas txFee={ data.fee.value } gasUsed={ data.gas_used } isLoading={ isLoading }/>
<TxDetailsFeePerGas txFee={ data.fee?.value } gasUsed={ data.gas_used } isLoading={ isLoading }/>
{ !config.UI.views.tx.additionalFields?.set_max_gas_limit && <TxDetailsGasUsage isLoading={ isLoading } data={ data }/> }
ui/txs/TxAdditionalInfoContent.tsx
+1 -1
View File
@@ -66,7 +66,7 @@ const TxAdditionalInfoContent = ({ tx }: { tx: Transaction }) => {
noTooltip
/>
</div>
{ !config.UI.views.tx.hiddenFields?.tx_fee && (tx.stability_fee !== undefined || tx.fee.value !== null) && (
{ !config.UI.views.tx.hiddenFields?.tx_fee && (tx.stability_fee !== undefined || tx.fee?.value != null) && (
<div { ...sectionProps }>
<span { ...sectionTitleProps }>Transaction fee</span>
<TxFee tx={ tx } noTooltip/>
ui/txs/TxsListItem.tsx
+1 -1
View File
@@ -125,7 +125,7 @@ const TxsListItem = ({
) }
{ !config.UI.views.tx.hiddenFields?.tx_fee && (
<div className="flex">
{ (tx.stability_fee !== undefined || tx.fee.value !== null) && (
{ (tx.stability_fee !== undefined || tx.fee?.value != null) && (
<>
<Skeleton loading={ isLoading } className="inline-block whitespace-pre">Fee </Skeleton>
<TxFee tx={ tx } loading={ isLoading }/>
ui/txs/sortTxs.ts
+2 -2
View File
@@ -10,9 +10,9 @@ export default function sortTxs(sorting: TransactionsSortingValue | undefined) {
case 'value-asc':
return compareBns(tx1.value, tx2.value);
case 'fee-desc':
return compareBns(tx2.fee.value || 0, tx1.fee.value || 0);
return compareBns(tx2.fee?.value || 0, tx1.fee?.value || 0);
case 'fee-asc':
return compareBns(tx1.fee.value || 0, tx2.fee.value || 0);
return compareBns(tx1.fee?.value || 0, tx2.fee?.value || 0);
case 'block_number-asc': {
if (tx1.block_number && tx2.block_number) {
return tx1.block_number - tx2.block_number;