From db04d27af33c1088db6db96755fd178309dd6b70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yusuf=20Akg=C3=BCl?= <s86116@bht-berlin.de>
Date: Tue, 30 May 2023 19:54:29 +0200
Subject: [PATCH] fix filter after update
---
components/filter-sort-games.tsx | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/components/filter-sort-games.tsx b/components/filter-sort-games.tsx
index b1c5746..b7a736d 100644
--- a/components/filter-sort-games.tsx
+++ b/components/filter-sort-games.tsx
@@ -2,7 +2,7 @@
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select";
import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { useState } from "react";
+import { useLayoutEffect, useState } from "react";
import { Icons } from "./icons";
import { Button } from "./ui/button";
import { Card } from "./ui/card";
@@ -36,7 +36,11 @@ export default function Sort() {
const url = `${pathname}${queryParamString ? `${queryParamString}` : ''}`;
- router.replace(url);
+ useLayoutEffect(() => {
+ if (queryParamString) {
+ router.replace(url);
+ }
+ }, [queryParamString, router, url]);
function toggleSortOrder() {
const newSortOrder = selectedSortOrder === 'desc' ? 'asc' : 'desc';
@@ -133,7 +137,7 @@ export default function Sort() {
</SelectGroup>
</SelectContent>
</Select>
- <Button variant="ghost" onClick={toggleSortOrder}>
+ <Button variant="ghost" onClick={() => toggleSortOrder}>
<Icons.arrowdown className={`h-4 w-4 transition-all transform ${selectedSortOrder === 'asc' ? 'rotate-180' : ''}`} />
</Button>
</div>
--
GitLab