From 5b939d2c956344cd76e7eb16c01c70dc61dd3135 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Mon, 1 Oct 2018 14:20:26 -0700
Subject: [PATCH] reorged routes/index.js (broken)

---
 app/pages/welcome/index.js    | 25 ++++++++++++++++++++++++-
 app/routes/index.js           | 31 +++----------------------------
 app/templates/header/index.js |  4 +++-
 3 files changed, 30 insertions(+), 30 deletions(-)
diff --git a/app/pages/welcome/index.js b/app/pages/welcome/index.js
index 6f547375..f56f5bc9 100644
--- a/app/pages/welcome/index.js
+++ b/app/pages/welcome/index.js
@@ -1,6 +1,8 @@
 const html = require('choo/html');
 const assets = require('../../../common/assets');
 const title = require('../../templates/title');
+const signupPromo = require('../../templates/signupPromo');
+const fileList = require('../../templates/fileList');
 const setPasswordSection = require('../../templates/setPasswordSection');
 const uploadBox = require('../../templates/uploadedFileList');
 const expireInfo = require('../../templates/expireInfo');
@@ -30,9 +32,30 @@ module.exports = function(state, emit) {
   }
 
   return html`
-  <div class="${fade}">
+  <div class="${fade} welcome">
     ${title(state)}
 
+    <div class="welcome__file-manager">
+    </div>
+    <div class="welcome__context">
+      <div class="welcome__signup-promo">
+        ${signupPromo(state)}
+      </div>
+      <div class="welcome__file-list">
+        ${fileList(state)}
+      </div>
+      <div class="welcome__context-footer">
+        <a
+          href="https://www.mozilla.org"
+          class="socialSection__link">
+          <img
+            class="footer__mozLogo"
+            src="${assets.get('mozilla-logo.svg')}"
+            alt="mozilla"/>
+        </a>
+      </div>
+    </div>
+
     <label class="uploadArea"
 
       ondragover=${dragover}
diff --git a/app/routes/index.js b/app/routes/index.js
index a9fd0bd5..dcb74644 100644
--- a/app/routes/index.js
+++ b/app/routes/index.js
@@ -4,11 +4,7 @@ const nanotiming = require('nanotiming');
 const download = require('./download');
 const footer = require('../templates/footer');
 const fxPromo = require('../templates/fxPromo');
-const signupPromo = require('../templates/signupPromo');
-const fileList = require('../templates/fileList');
-const profile = require('../templates/userAccount');
 const modal = require('../templates/modal');
-const assets = require('../../common/assets');
 const header = require('../templates/header');
 
 nanotiming.disabled = true;
@@ -28,12 +24,12 @@ module.exports = function() {
     }
   }
 
-  function body(template) {
+  function body(page) {
     return function(state, emit) {
       const b = html`<body>
       ${modalDialog(state, emit)}
       ${banner(state, emit)}
-      ${header(state)}
+      ${header(state, emit)}
       <main class="main">
         <noscript>
           <div class="noscript">
@@ -46,28 +42,7 @@ module.exports = function() {
             <p>${state.translate('enableJavascript')}</p>
           </div>
         </noscript>
-        <div class="main__file-manager">
-          ${profile(state, emit)}
-          ${template(state, emit)}
-        </div>
-        <div class="main__context">
-          <div class="main__signup-promo">
-            ${signupPromo(state)}
-          </div>
-          <div class="main__file-list">
-            ${fileList(state)}
-          </div>
-          <div class="main__context-footer">
-            <a
-              href="https://www.mozilla.org"
-              class="socialSection__link">
-              <img
-                class="footer__mozLogo"
-                src="${assets.get('mozilla-logo.svg')}"
-                alt="mozilla"/>
-            </a>
-          </div>
-        </div>
+        ${page(state, emit)}
       </main>
       ${footer(state)}
     </body>`;
diff --git a/app/templates/header/index.js b/app/templates/header/index.js
index 16af6378..d06cba7c 100644
--- a/app/templates/header/index.js
+++ b/app/templates/header/index.js
@@ -1,14 +1,16 @@
 const html = require('choo/html');
+const userAccount = require('../../templates/userAccount');
 const version = require('../../../package.json').version;
 const { browserName } = require('../../utils');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   const browser = browserName();
   const feedbackUrl = `https://qsurvey.mozilla.com/s3/txp-firefox-send?ver=${version}&browser=${browser}`;
 
   const header = html`
   <header class="header">
     <h1>Firefox Send</h1>
+    ${userAccount(state, emit)}
     <a href="${feedbackUrl}"
       rel="noreferrer noopener"
       class="feedback"
