YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement memo filters

Browse Source
This commit is contained in:
Steven
2024-07-26 00:46:48 +08:00
parent b3b4aa9ddb
commit cd38ec93ed
14 changed files with 176 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/hooks/index.ts
View File

@ -2,5 +2,4 @@ export * from "./useLoading";
export * from "./useCurrentUser";
export * from "./useNavigateTo";
export * from "./useAsyncEffect";
export * from "./useFilterWithUrlParams";
export * from "./useResponsiveWidth";

45
web/src/hooks/useFilterWithUrlParams.ts
View File

@ -1,45 +0,0 @@
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
import { useFilterStore } from "@/store/module";
const useFilterWithUrlParams = () => {
const location = useLocation();
const filterStore = useFilterStore();
const { tag, text, memoPropertyFilter } = filterStore.state;
useEffect(() => {
const urlParams = new URLSearchParams(location.search);
const tag = urlParams.get("tag");
const text = urlParams.get("text");
if (tag) {
filterStore.setTagFilter(tag);
}
if (text) {
filterStore.setTextFilter(text);
}
}, []);
useEffect(() => {
const urlParams = new URLSearchParams(location.search);
if (tag) {
urlParams.set("tag", tag);
} else {
urlParams.delete("tag");
}
if (text) {
urlParams.set("text", text);
} else {
urlParams.delete("text");
}
const params = urlParams.toString();
window.history.replaceState({}, "", `${location.pathname}${params?.length > 0 ? `?${params}` : ""}`);
}, [tag, text]);
return {
tag,
text,
memoPropertyFilter,
};
};
export default useFilterWithUrlParams;