nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-09-27 04:17:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement caching for tags list in TagsPage component

Browse Source
This commit is contained in:
nyne
2025-06-08 14:02:40 +08:00
parent 35b65cc810
commit 3c3f9e9d35
1 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/pages/tags_page.tsx
View File

@@ -5,22 +5,30 @@ import showToast from "../components/toast.ts";
import Loading from "../components/loading.tsx"; import Loading from "../components/loading.tsx";
import Badge from "../components/badge.tsx"; import Badge from "../components/badge.tsx";
import { useNavigate } from "react-router"; import { useNavigate } from "react-router";
import { useAppContext } from "../components/AppContext.tsx";
export default function TagsPage() { export default function TagsPage() {
const [tags, setTags] = useState<TagWithCount[] | null>(null); const [tags, setTags] = useState<TagWithCount[] | null>(null);
const context = useAppContext();
useEffect(() => { useEffect(() => {
network.getAllTags().then((res) => { const storageKey = "tags_list";
if (res.success) { if (context.get(storageKey)) {
setTags(res.data!); setTags(context.get(storageKey));
} else { } else {
showToast({ network.getAllTags().then((res) => {
type: "error", if (res.success) {
message: res.message || "Failed to load tags", setTags(res.data!);
}); context.set(storageKey, res.data!);
} } else {
}); showToast({
}, []); type: "error",
message: res.message || "Failed to load tags",
});
}
});
}
}, [context]);
const navigate = useNavigate(); const navigate = useNavigate();