From b45b4e9a4b3e66f7fd3c401059f2a3fe1b1f8f5b Mon Sep 17 00:00:00 2001
From: Jari Vetoniemi <jari.vetoniemi@indooratlas.com>
Date: Fri, 6 Nov 2020 09:01:46 +0900
Subject: Lighter StoreItemSkeleton

---
 src/App.js | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/App.js b/src/App.js
index 38aa4f8..2225ac5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,7 +7,6 @@ import Autocomplete from '@material-ui/lab/Autocomplete';
 import TextField from '@material-ui/core/TextField';
 import red from '@material-ui/core/colors/red';
 import CssBaseline from '@material-ui/core/CssBaseline';
-import Box from '@material-ui/core/Box';
 import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
 import Typography from '@material-ui/core/Typography';
@@ -80,21 +79,14 @@ function StoreItemSkeleton(props) {
    return (
       <Grow in={true}>
          <div className={props.className}>
-            <Box display="flex" alignItems="center">
-               <Box margin={1}>
-                  <Skeleton variant="circle">
-                  <Avatar/>
-                  </Skeleton>
-               </Box>
-               <Box width="100%">
-                  <Skeleton width="100%">
-                  <Typography>.</Typography>
-                  </Skeleton>
-               </Box>
-            </Box>
-            <Skeleton variant="rect" width="100%">
-               <div style={{ paddingTop: '200px' }} />
-            </Skeleton>
+            <div style={{display: 'flex', alignItems: 'center', height: 72, padding: 18}}>
+               <Skeleton variant='circle' width={48} height={48} style={{marginRight: 18}}/>
+               <div style={{width: '60%'}}>
+                  <Skeleton width='100%'/>
+                  <Skeleton width='100%'/>
+               </div>
+            </div>
+            <Skeleton variant='rect' width='100%' height={180}/>
          </div>
       </Grow>
    );
-- 
cgit v1.2.3