updated

photo/build/asset-manifest.json

@@ -1,14 +1,14 @@
 {
   "files": {
     "main.css": "/static/css/main.5ecd60fb.chunk.css",
-    "main.js": "/static/js/main.fd7e1645.chunk.js",
-    "main.js.map": "/static/js/main.fd7e1645.chunk.js.map",
+    "main.js": "/static/js/main.713a3426.chunk.js",
+    "main.js.map": "/static/js/main.713a3426.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.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.f56323b78414efcf8742712c3efa2533.js": "/precache-manifest.f56323b78414efcf8742712c3efa2533.js",
+    "precache-manifest.0a6378f6cc338a8e56cf129198b9cc24.js": "/precache-manifest.0a6378f6cc338a8e56cf129198b9cc24.js",
     "service-worker.js": "/service-worker.js",
     "static/css/main.5ecd60fb.chunk.css.map": "/static/css/main.5ecd60fb.chunk.css.map",
     "static/js/2.0a3c2157.chunk.js.LICENSE.txt": "/static/js/2.0a3c2157.chunk.js.LICENSE.txt"
@@ -17,6 +17,6 @@
     "static/js/runtime-main.6158263c.js",
     "static/js/2.0a3c2157.chunk.js",
     "static/css/main.5ecd60fb.chunk.css",
-    "static/js/main.fd7e1645.chunk.js"
+    "static/js/main.713a3426.chunk.js"
   ]
 }

photo/build/precache-manifest.f56323b78414efcf8742712c3efa2533.js → photo/build/precache-manifest.0a6378f6cc338a8e56cf129198b9cc24.js

@@ -1,10 +1,10 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "70c0186e3a6b3039881f7964c2d74224",
+    "revision": "4d768d7875f2c188d835893115e39985",
     "url": "/index.html"
   },
   {
-    "revision": "1d9240792b28b698830d",
+    "revision": "8d4d960a746cd9aad866",
     "url": "/static/css/main.5ecd60fb.chunk.css"
   },
   {
@@ -16,8 +16,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/static/js/2.0a3c2157.chunk.js.LICENSE.txt"
   },
   {
-    "revision": "1d9240792b28b698830d",
-    "url": "/static/js/main.fd7e1645.chunk.js"
+    "revision": "8d4d960a746cd9aad866",
+    "url": "/static/js/main.713a3426.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.f56323b78414efcf8742712c3efa2533.js"
+  "/precache-manifest.0a6378f6cc338a8e56cf129198b9cc24.js"
 );
 
 self.addEventListener('message', (event) => {

photo/src/FolderList.js

@@ -91,27 +91,28 @@ export default function TitlebarGridList(props) {
     } else if (!isLoaded) {
         return <div><LinearProgress /></div>;
     } else {
-        if (items.length > 0) {
+        if (items.length == 0) {
             return <div><Alert severity="info">Nothing here :(</Alert></div>
-        } 
-        return (
-            <div className={classes.root}>
-                <GridList cellHeight={180} cols={5} className={classes.gridList}>
-                    {items.map((tile) => (
-                        <GridListTile key={tile.img} onClick={() => onChanageFolder(tile.VPath)}>
-                            <img src={tile.img} alt={tile.Foldername} />
-                            <GridListTileBar
-                                title={tile.Foldername}
-                                actionIcon={
-                                    <IconButton aria-label={`info about ${tile.Foldername}`} onClick={() => onChanageFolder(tile.VPath)} className={classes.icon}>
-                                        <ArrowForwardIcon />
-                                    </IconButton>
-                                }
-                            />
-                        </GridListTile>
-                    ))}
-                </GridList>
-            </div>
-        );
+        } else {
+            return (
+                <div className={classes.root}>
+                    <GridList cellHeight={180} cols={5} className={classes.gridList}>
+                        {items.map((tile) => (
+                            <GridListTile key={tile.img} onClick={() => onChanageFolder(tile.VPath)}>
+                                <img src={tile.img} alt={tile.Foldername} />
+                                <GridListTileBar
+                                    title={tile.Foldername}
+                                    actionIcon={
+                                        <IconButton aria-label={`info about ${tile.Foldername}`} onClick={() => onChanageFolder(tile.VPath)} className={classes.icon}>
+                                            <ArrowForwardIcon />
+                                        </IconButton>
+                                    }
+                                />
+                            </GridListTile>
+                        ))}
+                    </GridList>
+                </div>
+            );
+        }
     }
 }

photo/src/ImageList.js

@@ -180,35 +180,35 @@ class imageList extends React.Component {
         }else if(!isLoaded) {
             return <div><LinearProgress /></div>;
         } else {
-            if (this.state.images.length > 0) {
+            if (this.state.images.length == 0) {
                 return <div><Alert severity="info">Nothing here :(</Alert></div>
-            } 
-            return ( 
-                <div>
-                <Gallery images = { this.state.images }
-                enableLightbox = { true }
-                enableImageSelection={false}
-                currentImageWillChange={this.onCurrentImageChange}
+            } else {
+                return (
+                    <div>
+                        <Gallery images={this.state.images}
+                            enableLightbox={true}
+                            enableImageSelection={false}
+                            currentImageWillChange={this.onCurrentImageChange}
 
-                customControls={[
-                    <Button
-                        variant="contained"
-                        size="large"
-                        style={theme}
-                        startIcon={<ShareIcon />}
-                        onClick={this.shareImage.bind(this)}
-                    >Share</Button>
-                ]}/>
+                            customControls={[
+                                <Button
+                                    variant="contained"
+                                    size="large"
+                                    style={theme}
+                                    startIcon={<ShareIcon />}
+                                    onClick={this.shareImage.bind(this)}
+                                >Share</Button>
+                            ]} />
 
-                    <Dialog
-                        style={{ zIndex: 99999 }}
-                        open={this.state.open}
-                        maxWidth="md"
-                        fullWidth="true"
-                        onClose={this.handleDialogClose}
-                    >
-                        <DialogTitle>
-                                   <List>
+                        <Dialog
+                            style={{ zIndex: 99999 }}
+                            open={this.state.open}
+                            maxWidth="md"
+                            fullWidth="true"
+                            onClose={this.handleDialogClose}
+                        >
+                            <DialogTitle>
+                                <List>
                                     <ListItem>
                                         <ListItemAvatar>
                                             <Avatar>
@@ -217,62 +217,63 @@ class imageList extends React.Component {
                                         </ListItemAvatar>
                                         Get link
                                     </ListItem>
-                            </List>
-                        </DialogTitle>
-                        <DialogContent>
-                            <TextField
-                                label="Shared link"
-                                defaultValue="https://arozos.com/share/not_found"
-                                InputProps={{
-                                    readOnly: true,
-                                }}
-                                variant="filled"
-                                fullWidth="true"
-                                value={window.location.origin + "/share?id=" + this.state.uuid}
-                            />
-                            <br/><br/>
-                            <TextField
-                                select
-                                label="Share option"
-                                value={this.state.mode}
-                                onChange={this.handleChange}
-                                SelectProps={{
-                                    native: true,
-                                }}
-                                variant="outlined"
-                                fullWidth="true"
-                            >
-                                {[
-                                    {
-                                        label: 'Anyone with the link',
-                                        value: 'anyone',
-                                    },
-                                    {
-                                        label: 'Anyone signed in',
-                                        value: 'signedin',
-                                    },
-                                    {
-                                        label: 'Users in the same group',
-                                        value: 'samegroup',
-                                    },
-                                    {
-                                        label: 'Not public',
-                                        value: 'remove',
-                                    },
-                                ].map((option) => (
-                                    <option key={option.value} value={option.value}>
-                                        {option.label}
-                                    </option>
-                                ))}
-                            </TextField>
-                            <br /><br/>
-                            <Button variant="contained" color="primary" onClick={this.handleDialogClose}>
-                                Done
+                                </List>
+                            </DialogTitle>
+                            <DialogContent>
+                                <TextField
+                                    label="Shared link"
+                                    defaultValue="https://arozos.com/share/not_found"
+                                    InputProps={{
+                                        readOnly: true,
+                                    }}
+                                    variant="filled"
+                                    fullWidth="true"
+                                    value={window.location.origin + "/share?id=" + this.state.uuid}
+                                />
+                                <br /><br />
+                                <TextField
+                                    select
+                                    label="Share option"
+                                    value={this.state.mode}
+                                    onChange={this.handleChange}
+                                    SelectProps={{
+                                        native: true,
+                                    }}
+                                    variant="outlined"
+                                    fullWidth="true"
+                                >
+                                    {[
+                                        {
+                                            label: 'Anyone with the link',
+                                            value: 'anyone',
+                                        },
+                                        {
+                                            label: 'Anyone signed in',
+                                            value: 'signedin',
+                                        },
+                                        {
+                                            label: 'Users in the same group',
+                                            value: 'samegroup',
+                                        },
+                                        {
+                                            label: 'Not public',
+                                            value: 'remove',
+                                        },
+                                    ].map((option) => (
+                                        <option key={option.value} value={option.value}>
+                                            {option.label}
+                                        </option>
+                                    ))}
+                                </TextField>
+                                <br /><br />
+                                <Button variant="contained" color="primary" onClick={this.handleDialogClose}>
+                                    Done
 </Button>
-                        </DialogContent>
-                    </Dialog> 
-                </div >
-            );
+                            </DialogContent>
+                        </Dialog>
+                    </div >
+                );
+            }
         }
     }
 }