a new approach for the ui

app/ui/header.js

@@ -0,0 +1,21 @@
+const html = require('choo/html');
+const account = require('./account');
+
+module.exports = function(state, emit) {
+  const header = html`
+  <header class="flex-none flex flex-row items-center bg-white w-full px-4 h-12 shadow-md justify-between">
+    <a
+      class="header-logo"
+      href="/">
+      <h1 class="text-black font-normal">Firefox <b>Send</b></h1>
+    </a>
+    ${account(state, emit)}
+  </header>`;
+  // HACK
+  // We only want to render this once because we
+  // toggle the targets of the links with utils/openLinksInNewTab
+  // header.isSameNode = function(target) {
+  //   return target && target.nodeName && target.nodeName === 'HEADER';
+  // };
+  return header;
+};