fix: server update localised pagination

hackerspace-ntnu · Feb 7, 2024 · 2c7b192 · 2c7b192
1 parent c831228
commit 2c7b192
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -9,7 +9,7 @@
     "next": "Next",
     "goToNextPage": "Go to next page",
     "morePages": "More pages",
-    "page": "Page"
+    "page": "page"
   },
   "layout": {
     "hackerspaceHome": "Hackerspace homepage",

diff --git a/messages/no.json b/messages/no.json
@@ -9,7 +9,7 @@
     "next": "Neste",
     "goToNextPage": "Gå til neste side",
     "morePages": "Flere sider",
-    "page": "Side"
+    "page": "side"
   },
   "layout": {
     "hackerspaceHome": "Hackerspace hjemmeside",

diff --git a/src/app/[locale]/(dashboard)/news/(header)/page.tsx b/src/app/[locale]/(dashboard)/news/(header)/page.tsx
@@ -22,10 +22,6 @@ export async function generateMetadata({
   };
 }
 
-const searchParamsCache = createSearchParamsCache({
-  page: parseAsInteger.withDefault(1),
-});
-
 export default function News({
   params: { locale },
   searchParams,
@@ -35,7 +31,11 @@ export default function News({
 }) {
   unstable_setRequestLocale(locale);
   const t = useTranslations('ui');
-  const { page } = searchParamsCache.parse(searchParams);
+  const searchParamsCache = createSearchParamsCache({
+    [t('page')]: parseAsInteger.withDefault(1),
+  });
+
+  const { [t('page')]: page = 1 } = searchParamsCache.parse(searchParams);
   // TODO: Button to create new article should only be visible when logged in
   return (
     <>

diff --git a/src/components/layout/PaginationCarousel.tsx b/src/components/layout/PaginationCarousel.tsx
@@ -32,7 +32,10 @@ function PaginationCarousel({
   totalPages,
   t,
 }: PaginationCarouselProps) {
-  const [page, setPage] = useQueryState(t.page, parseAsInteger.withDefault(1));
+  const [page, setPage] = useQueryState(
+    t.page,
+    parseAsInteger.withDefault(1).withOptions({ shallow: false }),
+  );
 
   function handlePrevious(e: React.MouseEvent<HTMLAnchorElement>) {
     e.preventDefault();