example-mailbox: v6

examples/mailbox/client.js

@@ -4,10 +4,6 @@ const sf = require('sheetify')
 sf('css-wipe/dest/bundle')
 sf('tachyons')
 
-const mailboxView = require('./views/mailbox')
-const emailView = require('./views/email')
-const emptyView = require('./views/empty')
-
 const app = choo()
 
 app.model('inbox', require('./models/inbox'))
@@ -15,10 +11,10 @@ app.model('spam', require('./models/spam'))
 app.model('sent', require('./models/sent'))
 
 app.router((route) => [
-  route('/', emptyView()),
+  route('/', require('./views/empty')),
   route('/:mailbox', [
-    route('/', mailboxView()),
-    route('/:message', emailView())
+    route('/', require('./views/mailbox')),
+    route('/:message', require('./views/email'))
   ])
 ])
 

examples/mailbox/elements/email-list.js

@@ -5,22 +5,16 @@ module.exports = function (params, state, send) {
   const mailbox = params.mailbox
   return choo.view`
     <div>
-      ${createHeader()}
-      ${state[mailbox + ':messages'].map(function (msg) {
-        return createMessage(msg, mailbox)
-      })}
-    </div>
-  `
-}
-
-function createHeader () {
-  return choo.view`
       <div class="db cf w-100">
         <div class="fl mb3 w-25 mt0 b">Date</th>
         <div class="fl mb3 w-25 mt0 b">Subject</th>
         <div class="fl mb3 w-25 mt0 b">From</th>
         <div class="fl mb3 w-25 mt0 b">To</th>
       </div>
+      ${state[mailbox + ':messages'].map(function (msg) {
+        return createMessage(msg, mailbox)
+      })}
+    </div>
   `
 }
 

examples/mailbox/views/email.js

@@ -5,8 +5,7 @@ const pathname = require('../elements/pathname')
 const email = require('../elements/email')
 const nav = require('../elements/nav')
 
-module.exports = function () {
-  return function (params, state, send) {
+module.exports = function (params, state, send) {
   return choo.view`
     <main class="mw5 mw7-ns center cf">
       ${pathname(params, state, send)}
@@ -17,5 +16,4 @@ module.exports = function () {
       </section>
     </main>
   `
-  }
 }

examples/mailbox/views/empty.js

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

examples/mailbox/views/mailbox.js

@@ -4,8 +4,7 @@ const emailList = require('../elements/email-list')
 const pathname = require('../elements/pathname')
 const nav = require('../elements/nav')
 
-module.exports = function () {
-  return function (params, state, send) {
+module.exports = function (params, state, send) {
   return choo.view`
     <main class="mw5 mw7-ns center cf">
       ${pathname(params, state, send)}
@@ -15,5 +14,4 @@ module.exports = function () {
       </section>
     </main>
   `
-  }
 }