trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: update filter select when redirected

Browse source
This commit is contained in:
trafficlunar 2025-05-16 19:45:32 +01:00
parent 00096552ce
commit 865b5bc31a
1 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/mii-list/filter-select.tsx
View file

@ -1,18 +1,23 @@
"use client"; "use client";
import { redirect, useSearchParams } from "next/navigation"; import { redirect, useSearchParams } from "next/navigation";
import { useState } from "react"; import { useEffect, useMemo, useState } from "react";
import TagSelector from "../tag-selector"; import TagSelector from "../tag-selector";
export default function FilterSelect() { export default function FilterSelect() {
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const rawTags = searchParams.get("tags"); const rawTags = searchParams.get("tags");
const preexistingTags = rawTags const preexistingTags = useMemo(
? rawTags () =>
.split(",") rawTags
.map((tag) => tag.trim()) ? rawTags
.filter((tag) => tag.length > 0) .split(",")
: []; .map((tag) => tag.trim())
.filter((tag) => tag.length > 0)
: [],
[rawTags]
);
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const [tags, setTags] = useState<string[]>(preexistingTags); const [tags, setTags] = useState<string[]>(preexistingTags);
@ -21,6 +26,10 @@ export default function FilterSelect() {
redirect(`/?tags=${encodeURIComponent(tags.join(","))}`); redirect(`/?tags=${encodeURIComponent(tags.join(","))}`);
}; };
useEffect(() => {
setTags(preexistingTags);
}, [preexistingTags]);
return ( return (
<div className="relative"> <div className="relative">
<button onClick={() => setIsOpen((prev) => !prev)} className="pill button gap-1 text-nowrap"> <button onClick={() => setIsOpen((prev) => !prev)} className="pill button gap-1 text-nowrap">