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

refactor: filter store (#1331)

Browse Source
This commit is contained in:
boojack
2023-03-11 09:13:54 +08:00
committed by GitHub
parent f3f0efba1e
commit a9218ed5f0
23 changed files with 215 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/components/Memo.tsx
View File

@ -4,7 +4,7 @@ import { memo, useEffect, useRef, useState } from "react";
import { toast } from "react-hot-toast";
import { useTranslation } from "react-i18next";
import { Link, useNavigate } from "react-router-dom";
import { useEditorStore, useLocationStore, useMemoStore, useUserStore } from "../store/module";
import { useEditorStore, useFilterStore, useMemoStore, useUserStore } from "../store/module";
import Icon from "./Icon";
import MemoContent from "./MemoContent";
import MemoResources from "./MemoResources";
@ -32,7 +32,7 @@ const Memo: React.FC<Props> = (props: Props) => {
const { t, i18n } = useTranslation();
const navigate = useNavigate();
const editorStore = useEditorStore();
const locationStore = useLocationStore();
const filterStore = useFilterStore();
const userStore = useUserStore();
const memoStore = useMemoStore();
const [createdTimeStr, setCreatedTimeStr] = useState<string>(getFormatedMemoTimeStr(memo.createdTs, i18n.language));
@ -106,11 +106,11 @@ const Memo: React.FC<Props> = (props: Props) => {
if (targetEl.className === "tag-span") {
const tagName = targetEl.innerText.slice(1);
const currTagQuery = locationStore.getState().query?.tag;
const currTagQuery = filterStore.getState().tag;
if (currTagQuery === tagName) {
locationStore.setTagQuery(undefined);
filterStore.setTagFilter(undefined);
} else {
locationStore.setTagQuery(tagName);
filterStore.setTagFilter(tagName);
}
} else if (targetEl.classList.contains("todo-block")) {
if (isVisitorMode) {
@ -176,11 +176,11 @@ const Memo: React.FC<Props> = (props: Props) => {
};
const handleMemoVisibilityClick = (visibility: Visibility) => {
const currVisibilityQuery = locationStore.getState().query?.visibility;
const currVisibilityQuery = filterStore.getState().visibility;
if (currVisibilityQuery === visibility) {
locationStore.setMemoVisibilityQuery(undefined);
filterStore.setMemoVisibilityFilter(undefined);
} else {
locationStore.setMemoVisibilityQuery(visibility);
filterStore.setMemoVisibilityFilter(visibility);
}
};