From 4a4cdc59733cfb65814b49807829a44c24018e5a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=A1=B0=EC=98=88=EC=A7=84?= Date: Mon, 23 Dec 2024 16:09:28 +0900 Subject: [PATCH] fix: set max value to age and height input --- src/processes/ideal_partner/AgeForm/AgeForm.tsx | 6 ++++++ .../ideal_partner/HeightStyleForm/HeightStyleForm.tsx | 4 ++++ 2 files changed, 10 insertions(+) diff --git a/src/processes/ideal_partner/AgeForm/AgeForm.tsx b/src/processes/ideal_partner/AgeForm/AgeForm.tsx index b498c0b..da33e08 100644 --- a/src/processes/ideal_partner/AgeForm/AgeForm.tsx +++ b/src/processes/ideal_partner/AgeForm/AgeForm.tsx @@ -18,6 +18,8 @@ export const AgeForm = () => { const value = Number(e.target.value); if (value <= 0 || isNaN(value)) { setMin(undefined); + } else if (value >= 100) { + setMin(100); } else { setMin(Number(e.target.value)); } @@ -27,6 +29,8 @@ export const AgeForm = () => { const value = Number(e.target.value); if (value <= 0 || isNaN(value)) { setMax(undefined); + } else if (value >= 100) { + setMax(100); } else { setMax(Number(e.target.value)); } @@ -51,6 +55,7 @@ export const AgeForm = () => { value={min ?? ''} onChange={onChangeMin} inputMode={'numeric'} + max={100} /> - { value={max ?? ''} onChange={onChangeMax} inputMode={'numeric'} + max={100} /> diff --git a/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.tsx b/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.tsx index 4e0c07b..7839972 100644 --- a/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.tsx +++ b/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.tsx @@ -29,6 +29,8 @@ export const HeightStyleForm = () => { const value = Number(e.target.value); if (value <= 0 || isNaN(value)) { setMin(undefined); + } else if (value >= 240) { + setMin(240); } else { setMin(value); } @@ -37,6 +39,8 @@ export const HeightStyleForm = () => { const value = Number(e.target.value); if (value <= 0 || isNaN(value)) { setMax(undefined); + } else if (value >= 240) { + setMax(240); } else { setMax(value); }