Merge branch 'feature/mongodb-migration' of github.com:atlarge-research/opendc-dev into feature/mongodb-migration

1 files changed, 43 insertions, 0 deletions

diff --git a/frontend/src/pages/Projects.js b/frontend/src/pages/Projects.js
new file mode 100644
index 00000000..f4af10c3
--- /dev/null
+++ b/frontend/src/pages/Projects.js
@@ -0,0 +1,43 @@
+import React from 'react'
+import DocumentTitle from 'react-document-title'
+import { connect } from 'react-redux'
+import { openNewProjectModal } from '../actions/modals/projects'
+import { fetchAuthorizationsOfCurrentUser } from '../actions/users'
+import ProjectFilterPanel from '../components/projects/FilterPanel'
+import NewProjectModal from '../containers/modals/NewProjectModal'
+import NewProjectButtonContainer from '../containers/projects/NewProjectButtonContainer'
+import VisibleProjectList from '../containers/projects/VisibleProjectAuthList'
+import AppNavbarContainer from '../containers/navigation/AppNavbarContainer'
+
+class ProjectsContainer extends React.Component {
+    componentDidMount() {
+        this.props.fetchAuthorizationsOfCurrentUser()
+    }
+
+    render() {
+        return (
+            <DocumentTitle title="My Projects - OpenDC">
+                <div className="full-height">
+                    <AppNavbarContainer fullWidth={false}/>
+                    <div className="container text-page-container full-height">
+                        <ProjectFilterPanel/>
+                        <VisibleProjectList/>
+                        <NewProjectButtonContainer/>
+                    </div>
+                    <NewProjectModal/>
+                </div>
+            </DocumentTitle>
+        )
+    }
+}
+
+const mapDispatchToProps = (dispatch) => {
+    return {
+        fetchAuthorizationsOfCurrentUser: () => dispatch(fetchAuthorizationsOfCurrentUser()),
+        openNewProjectModal: () => dispatch(openNewProjectModal()),
+    }
+}
+
+const Projects = connect(undefined, mapDispatchToProps)(ProjectsContainer)
+
+export default Projects