example-mailbox: v5

examples/mailbox/views/email.js

@@ -0,0 +1,21 @@
+const choo = require('../../../')
+
+const emailList = require('../elements/email-list')
+const pathname = require('../elements/pathname')
+const email = require('../elements/email')
+const nav = require('../elements/nav')
+
+module.exports = function () {
+  return function (params, state, send) {
+    return choo.view`
+      <main class="mw5 mw7-ns center cf">
+        ${pathname(params, state, send)}
+        ${nav(params, state, send)}
+        <section class="fl mt4 w-80 db">
+          ${emailList(params, state, send)}
+          ${email(params, state, send)}
+        </section>
+      </main>
+    `
+  }
+}

examples/mailbox/views/empty.js

@@ -0,0 +1,17 @@
+const choo = require('../../../')
+
+const empty = require('../elements/empty-mailbox')
+const pathname = require('../elements/pathname')
+const nav = require('../elements/nav')
+
+module.exports = function () {
+  return function (params, state, send) {
+    return choo.view`
+      <main class="mw5 mw7-ns center cf">
+        ${pathname(params, state, send)}
+        ${nav(params, state, send)}
+        ${empty(params, state, send)}
+      </main>
+    `
+  }
+}

examples/mailbox/views/mailbox.js

@@ -0,0 +1,19 @@
+const choo = require('../../../')
+
+const emailList = require('../elements/email-list')
+const pathname = require('../elements/pathname')
+const nav = require('../elements/nav')
+
+module.exports = function () {
+  return function (params, state, send) {
+    return choo.view`
+      <main class="mw5 mw7-ns center cf">
+        ${pathname(params, state, send)}
+        ${nav(params, state, send)}
+        <section class="fl mt4 w-80 db">
+          ${emailList(params, state, send)}
+        </section>
+      </main>
+    `
+  }
+}

examples/mailbox/views/main.js

@@ -1,16 +0,0 @@
-const pathname = require('pathname-match')
-const choo = require('../../../')
-
-module.exports = function (nav, mailbox) {
-  return function (params, state, send) {
-    return choo.view`
-      <main class="mw5 mw7-ns center cf">
-        <span class="fl mt4 w-100 f4 b">
-          URL: ${pathname(state.location) || '/'}
-        </span>
-        ${nav(params, state, send)}
-        ${mailbox(params, state, send)}
-      </main>
-    `
-  }
-}