| 1 |
import {useEffect} from 'react'; |
| 2 |
|
| 3 |
export const useResetPage = (data, page, setPage, filters) => { |
| 4 |
//if we're displaying a non-existent page (like after deleting an item), go to the last available page |
| 5 |
useEffect(() => { |
| 6 |
if (data?.totalPages && page > data.totalPages) { |
| 7 |
setPage(data.totalPages); |
| 8 |
} |
| 9 |
}, [data]); |
| 10 |
|
| 11 |
//go back to the first page whenever filters change |
| 12 |
useEffect(() => { |
| 13 |
setPage(1); |
| 14 |
}, [filters]); |
| 15 |
}; |
| 16 |
|