monoid/ionian
1
0
Fork 0
Code Issues 9 Pull Requests Projects Releases Wiki Activity

feat: image lazy loading

Browse Source
This commit is contained in:
monoid 2022-06-23 16:49:49 +09:00
parent 0c3fe43be7
commit 52b88ee559
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/client/page/reader/reader.tsx
View File

@ -22,10 +22,14 @@ export const getPresenter = (content:Document):PagePresenter => {
return ()=><Typography variant='h2'>Not implemented reader</Typography>; return ()=><Typography variant='h2'>Not implemented reader</Typography>;
} }
export const ThumbnailContainer = (props:{content:Document, className?:string, style?:React.CSSProperties})=>{ export function ThumbnailContainer(props:{
content:Document,
className?:string,
style?:React.CSSProperties,
}){
const thumbnailurl = makeThumbnailUrl(props.content); const thumbnailurl = makeThumbnailUrl(props.content);
if(props.content.content_type === "video"){ if(props.content.content_type === "video"){
return (<video src={thumbnailurl} muted autoPlay loop className={props.className} style={props.style}></video>) return (<video src={thumbnailurl} muted autoPlay loop className={props.className} style={props.style}></video>)
} }
else return (<img src={thumbnailurl} className={props.className} style={props.style}></img>) else return (<img src={thumbnailurl} className={props.className} style={props.style} loading="lazy"></img>)
} }