usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-12-21 18:21:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix memo content click handler

Browse Source
This commit is contained in:
Steven 2022-09-19 23:01:14 +08:00
parent 366afdd1e4
commit c60c58ed69
6 changed files with 7 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/ArchivedMemo.tsx
View File

@ -72,7 +72,7 @@ const ArchivedMemo: React.FC<Props> = (props: Props) => {
</span>
</div>
</div>
<MemoContent className="memo-content-wrapper" content={memo.content} />
<MemoContent content={memo.content} />
<MemoResources memo={memo} />
</div>
);

2
web/src/components/DailyMemo.tsx
View File

@ -28,7 +28,7 @@ const DailyMemo: React.FC<Props> = (props: Props) => {
<div className="time-wrapper">
<span className="normal-text">{memo.timeStr}</span>
</div>
<MemoContent className="memo-content-container" content={memo.content} displayConfig={displayConfig} />
<MemoContent content={memo.content} displayConfig={displayConfig} />
<div className="split-line"></div>
</div>
);

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

@ -35,7 +35,6 @@ const Memo: React.FC<Props> = (props: Props) => {
const { t, i18n } = useTranslation();
const [createdAtStr, setCreatedAtStr] = useState<string>(getFormatedMemoCreatedAtStr(memo.createdTs, i18n.language));
const memoContainerRef = useRef<HTMLDivElement>(null);
const memoContentContainerRef = useRef<HTMLDivElement>(null);
const isVisitorMode = userService.isVisitorMode();
useEffect(() => {
@ -122,7 +121,7 @@ const Memo: React.FC<Props> = (props: Props) => {
}
const status = targetEl.dataset?.value;
const todoElementList = [...(memoContentContainerRef.current?.querySelectorAll(`span.todo-block[data-value=${status}]`) ?? [])];
const todoElementList = [...(memoContainerRef.current?.querySelectorAll(`span.todo-block[data-value=${status}]`) ?? [])];
for (const element of todoElementList) {
if (element === targetEl) {
const index = indexOf(todoElementList, element);
@ -207,7 +206,6 @@ const Memo: React.FC<Props> = (props: Props) => {
</div>
</div>
<MemoContent
className=""
content={memo.content}
onMemoContentClick={handleMemoContentClick}
onMemoContentDoubleClick={handleMemoContentDoubleClick}

7
web/src/components/MemoCardDialog.tsx
View File

@ -178,12 +178,7 @@ const MemoCardDialog: React.FC<Props> = (props: Props) => {
</div>
</div>
<div className="memo-container">
<MemoContent
className=""
displayConfig={{ enableExpand: false }}
content={memo.content}
onMemoContentClick={handleMemoContentClick}
/>
<MemoContent displayConfig={{ enableExpand: false }} content={memo.content} onMemoContentClick={handleMemoContentClick} />
<MemoResources memo={memo} />
</div>
<div className="layer-container"></div>

4
web/src/components/MemoContent.tsx
View File

@ -14,8 +14,8 @@ export interface DisplayConfig {
}
interface Props {
className: string;
content: string;
className?: string;
displayConfig?: Partial<DisplayConfig>;
onMemoContentClick?: (e: React.MouseEvent) => void;
onMemoContentDoubleClick?: (e: React.MouseEvent) => void;
@ -78,7 +78,7 @@ const MemoContent: React.FC<Props> = (props: Props) => {
};
return (
<div className={`memo-content-wrapper ${className}`}>
<div className={`memo-content-wrapper ${className || ""}`}>
<div
ref={memoContentContainerRef}
className={`memo-content-text ${state.expandButtonStatus === 0 ? "expanded" : ""}`}

2
web/src/less/memo-content.less
View File

@ -22,7 +22,7 @@
}
.tag-span {
@apply inline-block w-auto font-mono text-blue-600;
@apply inline-block w-auto font-mono text-blue-600 cursor-pointer;
}
.memo-link-text {