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 embedded resource renderer

Browse Source
This commit is contained in:
Steven
2024-01-20 09:17:31 +08:00
parent afe75fd9f2
commit 196facfacd
18 changed files with 542 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/MemoView.tsx
View File

@ -1,7 +1,7 @@
import { Divider, Tooltip } from "@mui/joy";
import classNames from "classnames";
import copy from "copy-to-clipboard";
import { memo, useEffect, useRef, useState } from "react";
import { memo, useCallback, useEffect, useRef, useState } from "react";
import { toast } from "react-hot-toast";
import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom";
@ -153,7 +153,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
toast.success("Copied to clipboard!");
};
const handleMemoContentClick = async (e: React.MouseEvent) => {
const handleMemoContentClick = useCallback(async (e: React.MouseEvent) => {
const targetEl = e.target as HTMLElement;
if (targetEl.tagName === "IMG") {
@ -162,7 +162,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
showPreviewImageDialog([imgUrl], 0);
}
}
};
}, []);
return (
<div
@ -257,7 +257,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
</div>
</div>
<MemoContent memoId={memo.id} nodes={memo.nodes} readonly={readonly} onClick={handleMemoContentClick} />
<MemoResourceListView resourceList={memo.resources} />
<MemoResourceListView resources={memo.resources} />
<MemoRelationListView memo={memo} relationList={referenceRelations} />
</div>
);