diff --git a/lib/boards-api.js b/lib/boards-api.js index e620723..f331172 100644 --- a/lib/boards-api.js +++ b/lib/boards-api.js @@ -110,7 +110,7 @@ BoardsAPI.prototype.resolveIPNS = function(n,handler){ this.ee.emit(n,url) this.backupCache() } else { - console.log(n,'not a user') + console.log(n,'not a valid profile:',err) this.ee.emit(n,undefined,'not a valid profile: '+err) } this.resolving_ipns[n] = false diff --git a/webapp/app.jsx b/webapp/app.jsx index 10504d3..ac962f0 100644 --- a/webapp/app.jsx +++ b/webapp/app.jsx @@ -74,6 +74,22 @@ var Navbar = React.createClass({ } }) +var Post = React.createClass({ + render: function(){ + return
+
+
{this.props.post.title}

+
+
+ + Date + Comments +
+
+
+ } +}) + var PostList = React.createClass({ getInitialState: function(){ return { posts: [] } @@ -90,10 +106,7 @@ var PostList = React.createClass({ return (
{this.state.posts.map(post => { - return (
-
{post.title}
- -
) + return })}
) @@ -120,7 +133,7 @@ var UserID = React.createClass({ } }, render: function(){ - return (
+ return (
{this.getContent()}{this.state.name || this.props.id} diff --git a/webapp/style.css b/webapp/style.css index 5174210..8f645a0 100644 --- a/webapp/style.css +++ b/webapp/style.css @@ -41,6 +41,35 @@ a:hover { padding-top: 2em } +.user-id .fa { + margin-right: .25rem; +} + +.post { + display: block; + max-width: 65rem; + border: 1px solid #bbb; + border-radius: .5rem; + margin: 3rem auto; +} + +.post .content { + display: block; + margin: 2rem; +} + +.post .icons .fa { + color: #707070; +} + +.post .icons .user-id { + display: inline-block; +} + +.post .icons .not-first{ + margin-left: 1rem; +} + .navbar { border-bottom: 1px solid #eee; display: block;