diff --git a/src/components/Filter/Filter.jsx b/src/components/Filter/Filter.jsx index a509e29..251602b 100644 --- a/src/components/Filter/Filter.jsx +++ b/src/components/Filter/Filter.jsx @@ -33,6 +33,10 @@ const Filter = () => { } const handleSelectBrand = async (item) => { + if (!params.make && item === "All") { + return; + } + dispatch(resetCars()); if (item === "All") { diff --git a/src/index.css b/src/index.css index 3da7f82..a804e7a 100644 --- a/src/index.css +++ b/src/index.css @@ -63,7 +63,6 @@ img { .body-scroll-lock { overflow: hidden; - margin-right: 8px; } ::-webkit-scrollbar { diff --git a/src/redux/cars/slice.js b/src/redux/cars/slice.js index c28d9a3..354e2f0 100644 --- a/src/redux/cars/slice.js +++ b/src/redux/cars/slice.js @@ -13,10 +13,6 @@ const carsSlice = createSlice({ name: "cars", initialState: carsInitialState, reducers: { - resetPage(state) { - state.page = 1; - state.items = []; - }, incPage(state) { state.page = state.page + 1; }, @@ -47,5 +43,5 @@ const carsSlice = createSlice({ }), }); -export const { resetPage, incPage, resetCars } = carsSlice.actions; +export const { incPage, resetCars } = carsSlice.actions; export const carsReducer = carsSlice.reducer;