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}