Show some sort of header if we have some images.

packages/gallery/src/interface/gallery.js

@@ -40,12 +40,6 @@ export function GalleryView(vm, model) {
 	});
 
 	return function(vm, model, key, opts) {
-		if (!data || !data.ready()) {
-			return el('h1', 'Loading...');
-		}
-
-		const members = data();
-
 		return el('.gallery', [
 			header([
 				el('div', { css: { fontSize: '20pt' } }, 'Gallery'),
@@ -56,35 +50,39 @@ export function GalleryView(vm, model) {
 					onchange: uploadImages
 				})
 			]),
-			el('a', { href: router.href('images') }, 'Images'),
+			...(!data || !data.ready()
-			el('a', { href: router.href('albums') }, 'Albums'),
+				? [el('h1', 'Loading...')]
-			el('h1', title),
+				: [
-			...(title === 'Images'
+						el('a', { href: router.href('images') }, 'Images'),
-				? members.map(i => {
+						el('a', { href: router.href('albums') }, 'Albums'),
-						return defineView(
+						el('h1', title),
-							ThumbnailView,
+						...(title === 'Images'
-							{
+							? data().map(i => {
-								doc: i,
+									return defineView(
-								showTags: true,
+										ThumbnailView,
-								addTag: imageTag.add,
+										{
-								remove: image.remove,
+											doc: i,
-								removeTag: imageTag.remove
+											showTags: true,
-							},
+											addTag: imageTag.add,
-							i._id
+											remove: image.remove,
-						);
+											removeTag: imageTag.remove
-				  })
+										},
-				: members.map(a => {
+										i._id
-						return defineView(
+									);
-							AlbumView,
+							  })
-							{
+							: data().map(a => {
-								doc: a,
+									return defineView(
-								db,
+										AlbumView,
-								addTag: imageTag.add,
+										{
-								remove: imageTag.remove
+											doc: a,
-							},
+											db,
-							a._id
+											addTag: imageTag.add,
-						);
+											remove: imageTag.remove
-				  }))
+										},
+										a._id
+									);
+							  }))
+				  ])
 		]);
 	};
 }