feat(trends): reset page on view change

dataesr · Jan 16, 2025 · df6bd3d · df6bd3d
1 parent 1e805ac
commit df6bd3d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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 (