move alertStack to ApplicationView

Author: FredericHeem

client/src/app/components/applicationView.js

@@ -13,6 +13,7 @@ export default context => {
   const NavBar = navBar(context);
   const Footer = footer(context);
   const AsyncView = asyncView(context);
+  const AlertStack = context.alertStack.View;
 
   const AppRoot = glamorous("div")({
     display: "flex",
@@ -45,6 +46,7 @@ export default context => {
           <NavBar authenticated={authStore.authenticated} />
           <MainView>{children}</MainView>
           <Footer version={version} />
+          <AlertStack />
         </AppView>
         {themeStore.open && (
           <AsyncView getModule={() => import("parts/theme/ThemeView")} />

client/src/app/router.js

@@ -49,18 +49,17 @@ export default context => {
   };
 
   async function onLocationChange(location) {
-    console.log("onLocationChange ", location);
+    //console.log("onLocationChange ", location);
     let component;
     let route;
     try {
       route = await router.resolve({
         pathname: location.pathname,
         query: parse(location.search)
       });
-      console.log("onLocationChange match route ", route);
       component = route.component; // eslint-disable-line prefer-destructuring
     } catch (error) {
-      console.log("Routing exception:", error.message);
+      console.error("Routing exception:", error.message);
       if (error.code === 404) {
         component = h(asyncView(context), {
           getModule: () => import("./components/notFound")
@@ -77,7 +76,6 @@ export default context => {
             animationHide={`${animation.hideToRight} 0.3s`}
             animationShow={`${animation.showFromLeft} 0.5s`}
           />
-          <AlertStack />
         </Layout>
       );
       context.rootInstance = render(
@@ -89,7 +87,7 @@ export default context => {
   }
 
   history.listen(onLocationChange);
-  
+
   return {
     instance: router,
     start() {