diff --git a/src/components/simulator/SimulatorSummary.tsx b/src/components/simulator/SimulatorSummary.tsx index aa6a1869b..238434706 100644 --- a/src/components/simulator/SimulatorSummary.tsx +++ b/src/components/simulator/SimulatorSummary.tsx @@ -9,11 +9,15 @@ import { useTokens } from 'hooks/useTokens'; interface Props { roi: number; gains: number; + isLoading: boolean; } -export const SimulatorSummary = ({ roi, gains }: Props) => { +export const SimulatorSummary = ({ roi, gains, isLoading }: Props) => { const search = useSearch({ from: '/simulator/result' }); + const portfolioGains = isLoading ? 0.0 : gains; + const portfolioRoi = isLoading ? 0.0 : roi; + const { getTokenById } = useTokens(); const baseToken = getTokenById(search.baseToken); const quoteToken = getTokenById(search.quoteToken); @@ -45,10 +49,10 @@ export const SimulatorSummary = ({ roi, gains }: Props) => {
- + {
{ctx.data && ctx.roi && ctx.gains && ctx.bounds && ( <> - + {!ctx.isLoading ? ( <>