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: pin/unpin memo

Browse Source
This commit is contained in:
boojack
2022-05-02 10:57:20 +08:00
parent fcb5e2ee5a
commit 995ec34bf8
15 changed files with 101 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/MemoList.tsx
View File

@ -76,6 +76,10 @@ const MemoList: React.FC<Props> = () => {
})
: memos;
const pinnedMemos = shownMemos.filter((m) => m.rowStatus === "ARCHIVED");
const unpinnedMemos = shownMemos.filter((m) => m.rowStatus === "NORMAL");
const sortedMemos = pinnedMemos.concat(unpinnedMemos);
useEffect(() => {
memoService
.fetchAllMemos()
@ -84,7 +88,7 @@ const MemoList: React.FC<Props> = () => {
memoService.updateTagsState();
})
.catch(() => {
toastHelper.error("😭 Refresh failed, please try again later.");
toastHelper.error("😭 Fetching failed, please try again later.");
});
}, []);
@ -107,14 +111,14 @@ const MemoList: React.FC<Props> = () => {
return (
<div className={`memo-list-container ${isFetching ? "" : "completed"}`} onClick={handleMemoListClick} ref={wrapperElement}>
{shownMemos.map((memo) => (
{sortedMemos.map((memo) => (
<Memo key={`${memo.id}-${memo.updatedAt}`} memo={memo} />
))}
<div className="status-text-container">
<p className="status-text">
{isFetching
? "Fetching data..."
: shownMemos.length === 0
: sortedMemos.length === 0
? "Oops, there is nothing"
: showMemoFilter
? ""