feat(Flash): Add initial ui

common/app/App.jsx

@@ -10,6 +10,7 @@ import {
   isSignedInSelector
 } from './redux';
 
+import Flash from './Flash';
 import Nav from './Nav';
 import Toasts from './Toasts';
 import NotFound from './NotFound';
@@ -60,12 +61,9 @@ export class FreeCodeCamp extends React.Component {
       route
     } = this.props;
     const Child = routes[route] || NotFound;
-    // we render nav after the content
-    // to allow the panes to update
-    // redux store, which will update the bin
-    // buttons in the nav
     return (
       <div className={ `${ns}-container` }>
+        <Flash />
         <Nav />
         <Child />
         <Toasts />

common/app/Flash/Flash.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { CloseButton } from 'react-bootstrap';
+
+import ns from './ns.json';
+
+const propTypes = {};
+export default function Flash() {
+  return (
+    <div className={`${ns}-container bg-info`}>
+      <div className={`${ns}-content`}>
+        <div>
+          Content
+        </div>
+        <CloseButton />
+      </div>
+    </div>
+  );
+}
+
+Flash.displayName = 'Flash';
+Flash.propTypes = propTypes;

common/app/Flash/flash.less

@@ -0,0 +1,10 @@
+@ns: flash;
+
+.@{ns}-container {
+  width: 100%;
+}
+
+.@{ns}-content {
+  .center(@value: @container-md, @padding: @grid-gutter-width);
+  .row(@justify: around);
+}

common/app/Flash/index.js

@@ -0,0 +1 @@
+export { default } from './Flash.jsx';

common/app/Flash/ns.json

@@ -0,0 +1 @@
+"flash"

common/app/Flash/redux/index.js

@@ -0,0 +1 @@
+

common/app/index.less

@@ -1,4 +1,5 @@
 &{ @import "./app.less"; }
 &{ @import "./Map/map.less"; }
 &{ @import "./Nav/nav.less"; }
+&{ @import "./Flash/flash.less"; }
 &{ @import "./routes/index.less"; }