diff --git a/liquidity/ui/src/components/Manage/ManageStats.tsx b/liquidity/ui/src/components/Manage/ManageStats.tsx index 2f88c92ba..265ad56dd 100644 --- a/liquidity/ui/src/components/Manage/ManageStats.tsx +++ b/liquidity/ui/src/components/Manage/ManageStats.tsx @@ -22,7 +22,8 @@ const ChangeStat: FC<{ hasChanges: boolean; dataTestId?: string; formatFn: (val: Wei) => string; -}> = ({ formatFn, value, newValue, hasChanges, dataTestId }) => { + withColor?: boolean; +}> = ({ formatFn, value, newValue, hasChanges, dataTestId, withColor }) => { return ( - {formatFn(value)} + + {formatFn(value)} + {hasChanges && !value.eq(newValue) ? ( <> - {formatFn(newValue)} + + {formatFn(newValue)} + ) : null} @@ -181,7 +193,7 @@ export const ManageStatsUi: FC<{ - DEBT + PnL @@ -192,8 +204,8 @@ export const ManageStatsUi: FC<{ {liquidityPosition && collateralType ? ( currency(val, { currency: 'USD', @@ -201,6 +213,7 @@ export const ManageStatsUi: FC<{ maximumFractionDigits: 8, }) } + withColor hasChanges={hasChanges} dataTestId="manage-stats-debt-value" />