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

fix: add thumbnail param only for internal link (#1701)

Browse Source 
* fix: add thumbnail param using `URLSearchParams`

* update: add thumnail param only for internal link
This commit is contained in:
Zeng1998
2023-05-21 16:41:04 +08:00
committed by GitHub
parent 6bb0b4cd47
commit 1e4a867a9a
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,7 +46,12 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
if (resource.type.startsWith("image")) { if (resource.type.startsWith("image")) {
return ( return (
<SquareDiv key={resource.id} className="memo-resource"> <SquareDiv key={resource.id} className="memo-resource">
<img src={absolutifyLink(url) + "?thumbnail=1"} onClick={() => handleImageClick(url)} decoding="async" loading="lazy" /> <img
src={resource.externalLink ? url : url + "?thumbnail=1"}
onClick={() => handleImageClick(url)}
decoding="async"
loading="lazy"
/>
</SquareDiv> </SquareDiv>
); );
} else if (resource.type.startsWith("video")) { } else if (resource.type.startsWith("video")) {

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

@ -44,7 +44,7 @@ const ResourceCover = ({ resource }: ResourceCoverProps) => {
<SquareDiv className="h-20 w-20 flex items-center justify-center overflow-clip"> <SquareDiv className="h-20 w-20 flex items-center justify-center overflow-clip">
<img <img
className="max-w-full max-h-full object-cover shadow" className="max-w-full max-h-full object-cover shadow"
src={resourceUrl + "?thumbnail=1"} src={resource.externalLink ? resourceUrl : resourceUrl + "?thumbnail=1"}
onClick={() => showPreviewImageDialog(resourceUrl)} onClick={() => showPreviewImageDialog(resourceUrl)}
/> />
</SquareDiv> </SquareDiv>