From 3b235db66a1fc45c8bde6dbe8b563d626ad2b988 Mon Sep 17 00:00:00 2001 From: Nastya Date: Thu, 27 Jun 2024 17:25:33 +0300 Subject: [PATCH] =?UTF-8?q?=D1=80=D0=B5=D1=88=D0=B5=D0=BD=20undefined=20?= =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=B2=D0=B8=D0=BB=D0=B5=D0=B3=D0=B8=D0=B8=20?= =?UTF-8?q?=D0=BD=D0=B0=20=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD=D0=B8=D0=B5?= =?UTF-8?q?=20=D0=BA=D0=B2=D0=B8=D0=B7=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/CustomSlider.tsx | 1 + src/pages/TariffConstructor/TariffItem.tsx | 18 +++++++++++++++--- 2 files changed, 16 insertions(+), 3 deletions(-) diff --git a/src/components/CustomSlider.tsx b/src/components/CustomSlider.tsx index e0aae16..4028807 100644 --- a/src/components/CustomSlider.tsx +++ b/src/components/CustomSlider.tsx @@ -20,6 +20,7 @@ export const CustomSlider = ({ const [step, setStep] = useState(1) useEffect(() => { + if (firstStep === 1) return setStep(1) if (value <= firstStep) { return setStep(firstStep) } diff --git a/src/pages/TariffConstructor/TariffItem.tsx b/src/pages/TariffConstructor/TariffItem.tsx index 5aa3256..6f2a239 100644 --- a/src/pages/TariffConstructor/TariffItem.tsx +++ b/src/pages/TariffConstructor/TariffItem.tsx @@ -16,10 +16,11 @@ const sliderSettingsByType = { день: { max: 365, min: 0 }, шаблон: { max: 5000, min: 0 }, МБ: { max: 5000, min: 0 }, - заявка: { max: 5000, min: 0 } + заявка: { max: 5000, min: 0 }, + шт: {max: 100, min: 0} }; -type PrivilegeName = "день" | "шаблон" | "МБ" | "заявка"; +type PrivilegeName = "день" | "шаблон" | "МБ" | "заявка" | "шт"; interface Props { privilege: CustomPrivilege; @@ -52,6 +53,8 @@ export default function TariffPrivilegeSlider({ privilege }: Props) { ); function handleSliderChange(measurement: PrivilegeName) { + console.log(measurement) + console.log(sliderSettingsByType) return (value: number | number[]) => { if (Number(value) < Number(sliderSettingsByType[measurement]?.min)) { @@ -165,7 +168,16 @@ export default function TariffPrivilegeSlider({ privilege }: Props) { min={sliderSettingsByType[privilege.value]?.min} max={sliderSettingsByType[privilege.value]?.max || 100} onChange={handleSliderChange(privilege.value)} - firstStep={privilege.value === "день" ? 30 : 100} + firstStep={ + ( + privilege.value !== "день" && + privilege.value !== "МБ" && + privilege.value !== "заявка" && + privilege.value !== "шаблон" + ) ? 1 + : + privilege.value === "день" ? 30 : 100 + } /> {!upMd && quantityElement}