Add Nav bar to DAO view page

Author: tibetsprague

src/components/ViewDao/DaoNav.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Link } from 'react-router-dom'
+
+import * as arcActions from 'actions/arcActions';
+import { IRootState } from 'reducers';
+import { IDaoState } from 'reducers/arcReducer';
+
+import EthBalance from 'components/EthBalance/EthBalance';
+
+import * as css from './ViewDao.scss';
+
+interface IStateProps {
+  dao: IDaoState
+}
+
+interface IDispatchProps {
+}
+
+type IProps = IStateProps & IDispatchProps
+
+export default class DaoNav extends React.Component<IProps, null> {
+
+  render() {
+    const { dao } = this.props;
+
+    return (
+      <div className={css.nav}>
+        <span>Proposals</span> |
+        <span>Decisions</span> |
+        <span>DAOs</span> |
+        <span>Budgets</span> |
+        <span>Recurring Transfers</span>
+        <Link to={'/proposition/create/'+dao.avatarAddress}>Create Proposition</Link>
+      </div>
+    );
+  }
+}

src/components/ViewDao/ViewDao.scss

@@ -6,6 +6,16 @@
   width: 100%;
 }
 
+.nav {
+  width: 100%;
+  background-color: blue;
+  padding: 10px;
+
+  span {
+    padding: 10px;
+  }
+}
+
 .members {
   margin: 10px 0;
 }

src/components/ViewDao/ViewDao.scss.d.ts

@@ -1,5 +1,6 @@
 export const wrapper: string;
 export const header: string;
+export const nav: string;
 export const members: string;
 export const member: string;
 export const proposal: string;

src/components/ViewDao/ViewDaoContainer.tsx

@@ -9,6 +9,7 @@ import { IDaoState, ICollaboratorState, IProposalState } from 'reducers/arcReduc
 import { IWeb3State } from 'reducers/web3Reducer'
 
 import DaoHeader from './DaoHeader';
+import DaoNav from './DaoNav';
 
 import * as css from './ViewDao.scss';
 
@@ -55,9 +56,9 @@ class ViewDaoContainer extends React.Component<IProps, null> {
       dao ?
         <div className={css.wrapper}>
           <DaoHeader dao={dao} />
+          <DaoNav dao={dao} />
           {this.renderMembers()}
           {this.renderProposals()}
-          <Link to={'/proposition/create/'+dao.avatarAddress}>Create Proposition</Link>
         </div>
        : <div>Loading... </div>
     );