PenaSide/front-hub
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: slider pagination

Browse Source
This commit is contained in:
IlyaDoronin 2023-08-07 14:11:39 +03:00
parent c135431d82
commit bd4d02bea9
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/Tariffs/slider/slider.tsx
View File

@ -26,12 +26,9 @@ export const Slider = ({ items }: SliderProps) => {
const [range, setRange] = useState<number>(3); const [range, setRange] = useState<number>(3);
const [activeRange, setActiveRange] = useState<number[]>([0, 1, 2]); const [activeRange, setActiveRange] = useState<number[]>([0, 1, 2]);
const theme = useTheme(); const theme = useTheme();
const isMobileHeader = useMediaQuery(theme.breakpoints.down(900)); const isMiddle = useMediaQuery(theme.breakpoints.down(1200));
const isMiddle = useMediaQuery(
theme.breakpoints.down(1200) && theme.breakpoints.up(830)
);
const isTablet = useMediaQuery(theme.breakpoints.down(830)); const isTablet = useMediaQuery(theme.breakpoints.down(830));
const isMobileHeader = useMediaQuery(theme.breakpoints.down(900));
useEffect(() => { useEffect(() => {
if (isTablet) { if (isTablet) {
@ -78,7 +75,7 @@ export const Slider = ({ items }: SliderProps) => {
return ( return (
<Box className="slider-wrapper"> <Box className="slider-wrapper">
{(items.length < 4 && !isMiddle && !isTablet) || {(items.length < 4 && !isMiddle && !isTablet) ||
(items.length < 3 && isMiddle) || (items.length < 3 && isMiddle && !isTablet) ||
(items.length < 1 && isTablet) ? ( (items.length < 1 && isTablet) ? (
<Box <Box
sx={{ sx={{