From df6bd3d8d56020b77d4371bb246b72d3ebeffa5b Mon Sep 17 00:00:00 2001 From: victor barbier Date: Thu, 16 Jan 2025 13:07:35 +0100 Subject: [PATCH] feat(trends): reset page on view change --- client/src/pages/trends/components/panel/header/index.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/client/src/pages/trends/components/panel/header/index.tsx b/client/src/pages/trends/components/panel/header/index.tsx index 4f243b6b..9518c354 100644 --- a/client/src/pages/trends/components/panel/header/index.tsx +++ b/client/src/pages/trends/components/panel/header/index.tsx @@ -4,6 +4,7 @@ import { useTrendsContext } from "../../../context" import { trendsViewFromLabel, trendsViewGetConfig } from "../../../config/views" import useScreenSize from "../../../../../hooks/useScreenSize" import useTrends from "../../../hooks/useTrends" +import useOptions from "../../../hooks/useOptions" function TrendsViewMobileButton() { const intl = useIntl() @@ -39,13 +40,15 @@ function TrendsViewButton({ label }) { trendsYears: { min, max }, } = useTrends() const { view, setView, setFocus } = useTrendsContext() + const { handlePageChange } = useOptions() const viewConfig = trendsViewGetConfig(view) const defaultView = trendsViewFromLabel(label) const isSelected = Boolean(label === viewConfig.label) const onButtonClick = () => { - isSelected ? viewConfig?.nextView && setView(viewConfig.nextView) : setView(defaultView) - setFocus("") + isSelected ? viewConfig?.nextView && setView(viewConfig.nextView) : setView(defaultView) // change view + handlePageChange(1) // reset page + setFocus("") // reset focus } return (