wip

app/pages/uploads/index.js

@@ -0,0 +1,18 @@
+const html = require('choo/html');
+const controlArea = require('../../templates/controlArea');
+const archiveTile = require('../../templates/archiveTile');
+
+module.exports = function(state, emit) {
+  const fileArea = state.storage.files.length
+    ? html`<ul class="myUploads">
+      ${state.storage.files.map(f => archiveTile(f, state))}
+    </ul>`
+    : html`<div>nothing to see here</div>`;
+  return html`<main class="main">
+    ${controlArea(state, emit)}
+    <div class="wide">
+      <h1>${state.translate('myUploads')}</h1>
+      ${fileArea}
+    </div>
+  </main>`;
+};

app/pages/uploads/uploads.css

@@ -0,0 +1,11 @@
+.myUploads {
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-gap: 12px;
+  grid-template-columns: repeat(auto-fit, 150px);
+  grid-auto-columns: 150px;
+  grid-auto-rows: 160px;
+  list-style-type: none;
+  overflow: scroll;
+}