fix: persist selected streams tab

This used to navigate me back to the open streams tab even if I click a
stream in the closed list
This commit is contained in:
talksik
2026-04-12 13:44:35 -07:00
parent af0a319399
commit dbe61e447a
2 changed files with 17 additions and 4 deletions
+16 -3
View File
@@ -1,5 +1,5 @@
import { useCallback, useState } from "react";
import { useNavigate, useParams } from "react-router-dom";
import { useNavigate, useParams, useSearchParams } from "react-router-dom";
import { CircleDot, CircleCheckBig } from "lucide-react";
import { particlePath } from "@/lib/particle-path";
import { ParticleListView } from "@/features/particles/particle-list-view";
@@ -19,7 +19,20 @@ export default function NetworkRoot() {
const path = particlePath(networkId!, []);
const [composeActive, setComposeActive] = useState(false);
const [statusTab, setStatusTab] = useState<"open" | "closed">("open");
const [searchParams, setSearchParams] = useSearchParams();
const statusTab: "open" | "closed" =
searchParams.get("status") === "closed" ? "closed" : "open";
const setStatusTab = (next: "open" | "closed") => {
setSearchParams(
(prev) => {
const params = new URLSearchParams(prev);
if (next === "open") params.delete("status");
else params.set("status", next);
return params;
},
{ replace: true },
);
};
const { streams, isLoading, canLoadMore, loadMore } = useStreamParticles(path, {
status: statusTab,
@@ -40,7 +53,7 @@ export default function NetworkRoot() {
<div className="flex shrink-0 items-center justify-between p-1 border-b">
<Tabs
value={statusTab}
onValueChange={(v) => setStatusTab(v as "open" | "closed")}
onValueChange={(v) => setStatusTab(v === "closed" ? "closed" : "open")}
>
<TabsList>
<TabsTrigger value="open"><CircleDot className="size-3 text-green-500" /> Open</TabsTrigger>
+1 -1
View File
@@ -287,7 +287,7 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
break;
case "Escape":
e.preventDefault();
navigate(`/${networkId}`);
navigate(-1);
break;
case "h": {
e.preventDefault();