diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx index 1922b6c77..cb96d2cf1 100644 --- a/src/app/tools/compare/page.tsx +++ b/src/app/tools/compare/page.tsx @@ -214,6 +214,11 @@ export default function Page() { const normalizedDeltaPercentage = Math.round( Math.min(100, Math.abs(deltaPercentage) * 2 * 100 + 25), ); + const resolvedDisplayValue = display + ? display(stats[index]) + : decimals === undefined + ? value + : value?.toFixed(decimals); return ( - {display - ? display(stats[index]) - : decimals === undefined - ? value - : value?.toFixed(decimals)} + {resolvedDisplayValue} - {delta !== 0 && ( - <> - {deltaMode === 'absolute' && ( - - ( - {`${delta > 0 ? '+' : ''}${ - deltaNominalDisplay - ? deltaNominalDisplay(delta) - : decimals === undefined - ? delta - : delta.toFixed(decimals) - }`} - ) - - )} + {delta !== 0 && + resolvedDisplayValue !== undefined && + values[0] !== undefined && ( + <> + {deltaMode === 'absolute' && ( + + ( + {`${delta > 0 ? '+' : ''}${ + deltaNominalDisplay + ? deltaNominalDisplay(delta) + : decimals === undefined + ? delta + : delta.toFixed(decimals) + }`} + ) + + )} - {deltaMode === 'percentage' && ( - - ( - {`${deltaPercentage > 0 ? '+' : ''}${Math.round( - deltaPercentage * 100, - )}%`} - ) - - )} - - )} + {deltaMode === 'percentage' && ( + + ( + {`${deltaPercentage > 0 ? '+' : ''}${Math.round( + deltaPercentage * 100, + )}%`} + ) + + )} + + )} );