From 5eb24065b6f88bdd228bdc46479ba0dca1d071d3 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Tue, 29 Jan 2019 13:08:54 -0800
Subject: [PATCH] added modal to other pages

---
 app/ui/error.js       | 4 +++-
 app/ui/legal.js       | 4 +++-
 app/ui/notFound.js    | 4 +++-
 app/ui/unsupported.js | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/ui/error.js b/app/ui/error.js
index 0b6591ed..36f9a7ba 100644
--- a/app/ui/error.js
+++ b/app/ui/error.js
@@ -1,9 +1,11 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"
       >
diff --git a/app/ui/legal.js b/app/ui/legal.js
index a42c3344..6756cfc9 100644
--- a/app/ui/legal.js
+++ b/app/ui/legal.js
@@ -1,9 +1,11 @@
 const html = require('choo/html');
 const raw = require('choo/html/raw');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"
       >
diff --git a/app/ui/notFound.js b/app/ui/notFound.js
index a3378bcf..bfeed5c4 100644
--- a/app/ui/notFound.js
+++ b/app/ui/notFound.js
@@ -1,9 +1,11 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full"
       >
diff --git a/app/ui/unsupported.js b/app/ui/unsupported.js
index 9233db7d..8604f7b3 100644
--- a/app/ui/unsupported.js
+++ b/app/ui/unsupported.js
@@ -1,7 +1,8 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   let strings = {};
   let why = '';
   let url = '';
@@ -34,6 +35,7 @@ module.exports = function(state) {
 
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"
       >