updated

photo/build/asset-manifest.json

@@ -1,22 +1,22 @@
 {
   "files": {
     "main.css": "/static/css/main.5ecd60fb.chunk.css",
-    "main.js": "/static/js/main.bf2eac06.chunk.js",
-    "main.js.map": "/static/js/main.bf2eac06.chunk.js.map",
+    "main.js": "/static/js/main.fd7e1645.chunk.js",
+    "main.js.map": "/static/js/main.fd7e1645.chunk.js.map",
     "runtime-main.js": "/static/js/runtime-main.6158263c.js",
     "runtime-main.js.map": "/static/js/runtime-main.6158263c.js.map",
-    "static/js/2.62e11d10.chunk.js": "/static/js/2.62e11d10.chunk.js",
-    "static/js/2.62e11d10.chunk.js.map": "/static/js/2.62e11d10.chunk.js.map",
+    "static/js/2.0a3c2157.chunk.js": "/static/js/2.0a3c2157.chunk.js",
+    "static/js/2.0a3c2157.chunk.js.map": "/static/js/2.0a3c2157.chunk.js.map",
     "index.html": "/index.html",
-    "precache-manifest.a7fd9a20dcb10aa4de1f6b17ad82e8aa.js": "/precache-manifest.a7fd9a20dcb10aa4de1f6b17ad82e8aa.js",
+    "precache-manifest.f56323b78414efcf8742712c3efa2533.js": "/precache-manifest.f56323b78414efcf8742712c3efa2533.js",
     "service-worker.js": "/service-worker.js",
     "static/css/main.5ecd60fb.chunk.css.map": "/static/css/main.5ecd60fb.chunk.css.map",
-    "static/js/2.62e11d10.chunk.js.LICENSE.txt": "/static/js/2.62e11d10.chunk.js.LICENSE.txt"
+    "static/js/2.0a3c2157.chunk.js.LICENSE.txt": "/static/js/2.0a3c2157.chunk.js.LICENSE.txt"
   },
   "entrypoints": [
     "static/js/runtime-main.6158263c.js",
-    "static/js/2.62e11d10.chunk.js",
+    "static/js/2.0a3c2157.chunk.js",
     "static/css/main.5ecd60fb.chunk.css",
-    "static/js/main.bf2eac06.chunk.js"
+    "static/js/main.fd7e1645.chunk.js"
   ]
 }

photo/build/precache-manifest.a7fd9a20dcb10aa4de1f6b17ad82e8aa.js → photo/build/precache-manifest.f56323b78414efcf8742712c3efa2533.js

@@ -1,23 +1,23 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "be2cf17bbd8319c89acd380d4d903404",
+    "revision": "70c0186e3a6b3039881f7964c2d74224",
     "url": "/index.html"
   },
   {
-    "revision": "fc4ae056b1f72bf34434",
+    "revision": "1d9240792b28b698830d",
     "url": "/static/css/main.5ecd60fb.chunk.css"
   },
   {
-    "revision": "1c617ef072711eee8b9f",
-    "url": "/static/js/2.62e11d10.chunk.js"
+    "revision": "82cd8b1ad47de8530b1a",
+    "url": "/static/js/2.0a3c2157.chunk.js"
   },
   {
     "revision": "b0382a1d868abef989ec0625e2034248",
-    "url": "/static/js/2.62e11d10.chunk.js.LICENSE.txt"
+    "url": "/static/js/2.0a3c2157.chunk.js.LICENSE.txt"
   },
   {
-    "revision": "fc4ae056b1f72bf34434",
-    "url": "/static/js/main.bf2eac06.chunk.js"
+    "revision": "1d9240792b28b698830d",
+    "url": "/static/js/main.fd7e1645.chunk.js"
   },
   {
     "revision": "09cd470e8342bc71b82b",

photo/build/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.a7fd9a20dcb10aa4de1f6b17ad82e8aa.js"
+  "/precache-manifest.f56323b78414efcf8742712c3efa2533.js"
 );
 
 self.addEventListener('message', (event) => {

photo/src/FolderList.js

@@ -10,6 +10,7 @@ import { useEffect } from 'react';
 import imageList from './imageList.js';
 import LinearProgress from '@material-ui/core/LinearProgress';
 import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
+import Alert from '@material-ui/lab/Alert';
 
 const useStyles = makeStyles((theme) => ({
     root: {
@@ -90,8 +91,8 @@ export default function TitlebarGridList(props) {
     } else if (!isLoaded) {
         return <div><LinearProgress /></div>;
     } else {
-        if (this.state.items.length > 0) {
-            return <div>Nothing here :(</div>
+        if (items.length > 0) {
+            return <div><Alert severity="info">Nothing here :(</Alert></div>
         } 
         return (
             <div className={classes.root}>

photo/src/ImageList.js

@@ -13,6 +13,7 @@ import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemAvatar from '@material-ui/core/ListItemAvatar';
 import Avatar from '@material-ui/core/Avatar';
+import Alert from '@material-ui/lab/Alert';
 
 const styles = theme => ({
     root: {
@@ -180,7 +181,7 @@ class imageList extends React.Component {
             return <div><LinearProgress /></div>;
         } else {
             if (this.state.images.length > 0) {
-                return <div>Nothing here :(</div>
+                return <div><Alert severity="info">Nothing here :(</Alert></div>
             } 
             return ( 
                 <div>