From 99e6e175ec9ed3f8b11cc2638d00ee6f412528c4 Mon Sep 17 00:00:00 2001
From: Michael Wilson <mewil@umich.edu>
Date: Tue, 4 Dec 2018 22:07:39 -0500
Subject: [PATCH] Pro dev page

---
 src/about-us/components/about-us.js |  5 +++++
 src/about-us/components/index.js    |  1 +
 src/about-us/index.js               |  1 +
 src/about-us/package.json           |  4 +++-
 src/app/app.js                      |  1 +
 src/app/components/routes.js        | 12 ++++++++++++
 src/app/constants.js                |  1 +
 src/app/package.json                |  4 +++-
 src/pro-dev/components/index.js     |  1 +
 src/pro-dev/components/pro-dev.js   | 20 ++++++++++++++++++++
 src/pro-dev/index.js                |  1 +
 src/pro-dev/package.json            |  5 ++++-
 12 files changed, 53 insertions(+), 3 deletions(-)
 create mode 100644 src/about-us/components/about-us.js
 create mode 100644 src/about-us/components/index.js
 create mode 100644 src/pro-dev/components/index.js
 create mode 100644 src/pro-dev/components/pro-dev.js

diff --git a/src/about-us/components/about-us.js b/src/about-us/components/about-us.js
new file mode 100644
index 0000000..37ad439
--- /dev/null
+++ b/src/about-us/components/about-us.js
@@ -0,0 +1,5 @@
+import { h } from 'react-hyperscript-helpers';
+
+import { PageContainer } from '@ktp/ui';
+
+export const AboutPage = () => h(PageContainer, ['About Us']);
diff --git a/src/about-us/components/index.js b/src/about-us/components/index.js
new file mode 100644
index 0000000..a49c1de
--- /dev/null
+++ b/src/about-us/components/index.js
@@ -0,0 +1 @@
+export * from './about-us';
diff --git a/src/about-us/index.js b/src/about-us/index.js
index e69de29..07635cb 100644
--- a/src/about-us/index.js
+++ b/src/about-us/index.js
@@ -0,0 +1 @@
+export * from './components';
diff --git a/src/about-us/package.json b/src/about-us/package.json
index f3ad877..df5a677 100644
--- a/src/about-us/package.json
+++ b/src/about-us/package.json
@@ -8,5 +8,7 @@
   },
   "author": "",
   "license": "GPL-3.0",
-  "dependencies": {}
+  "dependencies": {
+    "@ktp/ui": "1.0.0"
+  }
 }
diff --git a/src/app/app.js b/src/app/app.js
index 3d9627f..5e9a894 100644
--- a/src/app/app.js
+++ b/src/app/app.js
@@ -11,6 +11,7 @@ require('es6-promise').polyfill();
 
 const App = () => {
   const store = configureStore();
+  window.store = store;
 
   return h(Provider, { store }, [h(RouterConn)]);
 };
diff --git a/src/app/components/routes.js b/src/app/components/routes.js
index 3f20011..e650e41 100644
--- a/src/app/components/routes.js
+++ b/src/app/components/routes.js
@@ -3,6 +3,8 @@ import { Route, Switch } from 'react-router';
 
 import { routes } from '../constants';
 import { HomePage } from '@ktp/home';
+import { AboutPage } from '@ktp/about-us';
+import { ProDevPage } from '@ktp/pro-dev';
 import { Login, Logout } from '@ktp/auth';
 
 export const Routes = () =>
@@ -12,6 +14,16 @@ export const Routes = () =>
       path: routes.HOME,
       component: HomePage,
     }),
+    h(Route, {
+      exact: true,
+      path: routes.ABOUT,
+      component: AboutPage,
+    }),
+    h(Route, {
+      exact: true,
+      path: routes.PRODEV,
+      component: ProDevPage,
+    }),
     h(Route, {
       exact: true,
       path: routes.LOGIN,
diff --git a/src/app/constants.js b/src/app/constants.js
index def3c7c..24e1010 100644
--- a/src/app/constants.js
+++ b/src/app/constants.js
@@ -7,4 +7,5 @@ export const routes = {
   CONTACT: '/contact',
   LOGIN: '/login',
   LOGOUT: '/logout',
+  PRODEV: '/professional-development',
 };
diff --git a/src/app/package.json b/src/app/package.json
index c499035..e37071d 100644
--- a/src/app/package.json
+++ b/src/app/package.json
@@ -13,6 +13,8 @@
     "@ktp/theme": "1.0.0",
     "@ktp/user": "1.0.0",
     "@ktp/home": "1.0.0",
-    "@ktp/auth": "1.0.0"
+    "@ktp/auth": "1.0.0",
+    "@ktp/about-us": "1.0.0",
+    "@ktp/pro-dev": "1.0.0"
   }
 }
diff --git a/src/pro-dev/components/index.js b/src/pro-dev/components/index.js
new file mode 100644
index 0000000..07c018a
--- /dev/null
+++ b/src/pro-dev/components/index.js
@@ -0,0 +1 @@
+export * from './pro-dev';
diff --git a/src/pro-dev/components/pro-dev.js b/src/pro-dev/components/pro-dev.js
new file mode 100644
index 0000000..2d5cd8a
--- /dev/null
+++ b/src/pro-dev/components/pro-dev.js
@@ -0,0 +1,20 @@
+import { h } from 'react-hyperscript-helpers';
+import { connect } from 'react-redux';
+
+import { PageContainer, PageHeading } from '@ktp/ui';
+import { getTheme } from '@ktp/theme';
+
+export const ProDevPageBase = ({ theme }) =>
+  h(PageContainer, [
+    h(PageHeading, {
+      color: theme.lavender,
+      title: 'Professional Development',
+      subtitle: 'Be more professional',
+    }),
+  ]);
+
+const mapStateToProps = (state) => ({
+  theme: getTheme(state),
+});
+
+export const ProDevPage = connect(mapStateToProps)(ProDevPageBase);
diff --git a/src/pro-dev/index.js b/src/pro-dev/index.js
index e69de29..07635cb 100644
--- a/src/pro-dev/index.js
+++ b/src/pro-dev/index.js
@@ -0,0 +1 @@
+export * from './components';
diff --git a/src/pro-dev/package.json b/src/pro-dev/package.json
index ad923ef..0ef12e9 100644
--- a/src/pro-dev/package.json
+++ b/src/pro-dev/package.json
@@ -8,5 +8,8 @@
   },
   "author": "",
   "license": "GPL-3.0",
-  "dependencies": {}
+  "dependencies": {
+    "@ktp/ui": "1.0.0",
+    "@ktp/theme": "1.0.0"
+  }
 }