[www] Article updated, added rendering of article tags
This commit is contained in:
1 parent
b4337eec52
commit
1f45596dd3
5 files changed
+70
-9
No files matched your search
@@ -2,13 +2,31 @@ const React = require('react')
|
||||
const getHtml = require('../lib/component').getHtml
|
||||
const dateFormat = require('../lib/date').dateFormat
|
||||
|
||||
const Head = ({date, children}) => (
|
||||
const Tag = ({children}) => (
|
||||
<li className="ArticleTags-Item">
|
||||
{children}
|
||||
</li>
|
||||
)
|
||||
|
||||
const TagList = ({tags}) => (
|
||||
<ul className="ArticleTags">
|
||||
{tags.map((x, i) => (
|
||||
<Tag key={i}># {x.name}</Tag>
|
||||
))}
|
||||
</ul>
|
||||
)
|
||||
|
||||
const Head = ({date, tags, children}) => (
|
||||
<header className="Article-Head">
|
||||
<h1>{children}</h1>
|
||||
|
||||
{!date ? null : (
|
||||
<p className="date">{dateFormat(date)}</p>
|
||||
)}
|
||||
|
||||
{!tags.length ? null : (
|
||||
<TagList tags={tags}/>
|
||||
)}
|
||||
</header>
|
||||
)
|
||||
|
||||
@@ -21,14 +39,17 @@ const Share = () => (
|
||||
</div>
|
||||
)
|
||||
|
||||
const Article = ({children, data, url, title, date, shareable}) => (
|
||||
const Article = ({children, article, shareable}) => (
|
||||
<article className="Article">
|
||||
<Head date={date}>
|
||||
{title}
|
||||
<Head
|
||||
date={article.date}
|
||||
tags={article.tags}
|
||||
>
|
||||
{article.title}
|
||||
</Head>
|
||||
|
||||
<div className="Article-Body">
|
||||
{children || getHtml(data)}
|
||||
{children || getHtml(article.post)}
|
||||
</div>
|
||||
|
||||
{!shareable ? null : (
|
||||
|
||||
Reference in new issue
Block a user