From 0eca7a9986cb5730cc64c858803a1a8040a7bc72 Mon Sep 17 00:00:00 2001 From: Jari Vetoniemi Date: Thu, 12 Nov 2020 19:33:57 +0900 Subject: lazy-load card images --- public/index.html | 1 + public/loading.png | Bin 0 -> 25334 bytes src/App.js | 16 ++++++++++------ 3 files changed, 11 insertions(+), 6 deletions(-) create mode 100644 public/loading.png diff --git a/public/index.html b/public/index.html index 71c2c1f..2a6a775 100644 --- a/public/index.html +++ b/public/index.html @@ -15,6 +15,7 @@ +

diff --git a/public/loading.png b/public/loading.png new file mode 100644 index 0000000..7f4571b Binary files /dev/null and b/public/loading.png differ diff --git a/src/App.js b/src/App.js index ef78070..96f3aa9 100644 --- a/src/App.js +++ b/src/App.js @@ -172,14 +172,18 @@ function StoreItem(props) { subheader={props.data.author} subheaderTypographyProps={{className: classes.text}} /> - +

+ - - + +

-- cgit v1.2.3