diff --git a/frontend/src/pages/ScenarioEdit.tsx b/frontend/src/pages/ScenarioEdit.tsx index 64ad464..8f4b3e6 100644 --- a/frontend/src/pages/ScenarioEdit.tsx +++ b/frontend/src/pages/ScenarioEdit.tsx @@ -130,7 +130,6 @@ export function ScenarioEdit() { value={Number(form.spending_gbp)} onChange={(v) => update('spending_gbp', String(v))} min={0} - step={1000} /> @@ -138,7 +137,6 @@ export function ScenarioEdit() { value={Number(form.nw_seed_gbp)} onChange={(v) => update('nw_seed_gbp', String(v))} min={0} - step={10000} /> @@ -146,7 +144,6 @@ export function ScenarioEdit() { value={Number(form.savings_per_year_gbp ?? 0)} onChange={(v) => update('savings_per_year_gbp', String(v))} min={0} - step={1000} /> diff --git a/frontend/src/pages/ScenarioNew.tsx b/frontend/src/pages/ScenarioNew.tsx index 30eaf39..3bb0780 100644 --- a/frontend/src/pages/ScenarioNew.tsx +++ b/frontend/src/pages/ScenarioNew.tsx @@ -36,7 +36,8 @@ export function ScenarioNew() { const nw = useQuery({ queryKey: ['networth', 'current'], queryFn: api.networth.current }); useEffect(() => { if (nwAutoFilled || !nw.data || nw.data.accounts.length === 0) return; - setForm((f) => ({ ...f, nw_seed_gbp: nw.data!.total_gbp })); + const rounded = String(Math.round(Number(nw.data.total_gbp))); + setForm((f) => ({ ...f, nw_seed_gbp: rounded })); setNwAutoFilled(true); }, [nw.data, nwAutoFilled]); @@ -121,7 +122,6 @@ export function ScenarioNew() { value={Number(form.spending_gbp)} onChange={(v) => update('spending_gbp', String(v))} min={0} - step={1000} /> @@ -129,7 +129,6 @@ export function ScenarioNew() { value={Number(form.nw_seed_gbp)} onChange={(v) => update('nw_seed_gbp', String(v))} min={0} - step={10000} /> @@ -137,7 +136,6 @@ export function ScenarioNew() { value={Number(form.savings_per_year_gbp ?? 0)} onChange={(v) => update('savings_per_year_gbp', String(v))} min={0} - step={1000} /> diff --git a/frontend/src/pages/WhatIf.tsx b/frontend/src/pages/WhatIf.tsx index 0c8f6ef..d8a4bef 100644 --- a/frontend/src/pages/WhatIf.tsx +++ b/frontend/src/pages/WhatIf.tsx @@ -41,7 +41,10 @@ export function WhatIf() { const nw = useQuery({ queryKey: ['networth', 'current'], queryFn: api.networth.current }); useEffect(() => { if (nwAutoFilled || !nw.data || nw.data.accounts.length === 0) return; - setForm((f) => ({ ...f, nw_seed_gbp: nw.data!.total_gbp })); + // Round to whole pounds — pence from the API don't survive HTML5 + // step validation, and the user doesn't think in pence at this scale. + const rounded = String(Math.round(Number(nw.data.total_gbp))); + setForm((f) => ({ ...f, nw_seed_gbp: rounded })); setNwAutoFilled(true); }, [nw.data, nwAutoFilled]); @@ -134,7 +137,6 @@ export function WhatIf() { value={Number(form.spending_gbp)} onChange={(v) => update('spending_gbp', String(v))} min={0} - step={1000} /> @@ -142,7 +144,6 @@ export function WhatIf() { value={Number(form.nw_seed_gbp)} onChange={(v) => update('nw_seed_gbp', String(v))} min={0} - step={10000} /> @@ -150,7 +151,6 @@ export function WhatIf() { value={Number(form.savings_per_year_gbp ?? 0)} onChange={(v) => update('savings_per_year_gbp', String(v))} min={0} - step={1000} /> @@ -167,7 +167,6 @@ export function WhatIf() { value={Number(form.floor_gbp ?? 40000)} onChange={(v) => update('floor_gbp', String(v))} min={0} - step={1000} /> )}