From 52b88ee5590e3b327a0122d2d5a4443562f480ad Mon Sep 17 00:00:00 2001
From: monoid <jaeung@prelude.duckdns.org>
Date: Thu, 23 Jun 2022 16:49:49 +0900
Subject: [PATCH] feat: image lazy loading

---
 src/client/page/reader/reader.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/client/page/reader/reader.tsx b/src/client/page/reader/reader.tsx
index 992f849..e5201a1 100644
--- a/src/client/page/reader/reader.tsx
+++ b/src/client/page/reader/reader.tsx
@@ -22,10 +22,14 @@ export const getPresenter = (content:Document):PagePresenter => {
     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);
     if(props.content.content_type === "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>)
 }
\ No newline at end of file