this.setState({open})}
>
+
diff --git a/src/components/Explore.js b/src/components/Explore.js
new file mode 100644
index 00000000..7a80425d
--- /dev/null
+++ b/src/components/Explore.js
@@ -0,0 +1,17 @@
+import React, {Component} from 'react'
+import Post from './Post'
+
+export default class Explore extends Component {
+
+ constructor(props) {
+ super(props);
+ }
+
+ render(){
+ return(
+
+
Explore
+
+ )
+ }
+}
diff --git a/src/components/Post.js b/src/components/Post.js
new file mode 100644
index 00000000..16012020
--- /dev/null
+++ b/src/components/Post.js
@@ -0,0 +1,31 @@
+import React, {Component} from 'react';
+import {connect} from 'react-redux'
+import {Card, CardActions, CardHeader, CardMedia, CardTitle } from 'material-ui/Card';
+import FlatButton from 'material-ui/FlatButton';
+
+const cardStyle = {
+ width: '30vw'
+}
+
+const Post = props => (
+
+
+ }
+ >
+ 
+
+ {!props.isPreview &&
+
+
+
+
+
+
+ }
+
+)
+
+export default Post;
diff --git a/src/components/Routes.js b/src/components/Routes.js
index 9427980f..8e9f620c 100644
--- a/src/components/Routes.js
+++ b/src/components/Routes.js
@@ -4,6 +4,10 @@ import Account from './Account';
import Drawer from './Drawer';
import history from '../history';
import Exchange from './Exchange';
+import Explore from './Explore';
+import CreatePost from './CreatePost';
+import RaisedButton from 'material-ui/RaisedButton';
+import { Link } from 'react-router-dom';
export default class Routes extends Component {
componentDidMount () {}
@@ -12,10 +16,16 @@ export default class Routes extends Component {
return (
+
+
+
+
+
+
diff --git a/src/store/index.js b/src/store/index.js
index 270fa4a6..4b6bdf79 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,9 +6,10 @@ import user from './user'
import web3 from './web3'
import contract from './contract'
import accounts from './accounts'
+import posts from './posts'
-export const reducer = combineReducers({ user, web3, contract, accounts })
+export const reducer = combineReducers({ user, web3, contract, accounts, posts })
const middleware = composeWithDevTools(applyMiddleware(
thunkMiddleware,
createLogger({collapsed: true})
diff --git a/src/store/posts.js b/src/store/posts.js
new file mode 100644
index 00000000..9580682f
--- /dev/null
+++ b/src/store/posts.js
@@ -0,0 +1,42 @@
+/**
+ * INITIAL STATE
+ */
+const defaultPosts = []
+
+/**
+ * ACTION TYPES
+ */
+const CREATE_POST = 'CREATE_POST';
+
+/**
+ * ACTION CREATORS
+ */
+const createPost = post => ({type: CREATE_POST, post})
+
+/**
+ * THUNK CREATORS
+ */
+
+export const post = (url, contractFunc, account) =>
+ dispatch =>
+ contractFunc(url, {from: account})
+ .then(res => {
+ let newPost = {}
+ newPost[account] = res.logs[0].args.url;
+ return dispatch(createPost(newPost));
+ })
+ .catch(err => console.log(err));
+
+/**
+ * REDUCER
+ */
+export default function (state = defaultPosts, action) {
+ switch (action.type) {
+ case CREATE_POST:
+ let posts = state.slice()
+ posts.push(action.post)
+ return posts;
+ default:
+ return state
+ }
+}
diff --git a/src/store/user.js b/src/store/user.js
index 8da2ed2e..517c59ba 100644
--- a/src/store/user.js
+++ b/src/store/user.js
@@ -27,6 +27,8 @@ export const fetchUser = (contractFunc, account) =>
let user = {}
user.name = res[0];
user.coinBalance = Number(res[1].toString(10));
+ user.postUrl = res[2];
+ user.postLottery = Number(res[3].toString(10));
return dispatch(getUser(user))
})
.catch(err => console.log(err))