#5108 Use <time> element for channel headers and search result headers (#5331)

This commit is contained in:
Björn Roland
2017-02-08 17:38:59 +01:00
committed by Joram Wilander
parent 8277945363
commit 829f3cce95
2 changed files with 19 additions and 14 deletions

View File

@@ -354,7 +354,7 @@ export default class PostList extends React.Component {
/>
);
const currentPostDay = Utils.getDateForUnixTicks(post.create_at);
const currentPostDay = new Date(Utils.getDateForUnixTicks(post.create_at).setUTCHours(0, 0, 0, 0));
if (currentPostDay.toDateString() !== previousPostDay.toDateString()) {
postCtls.push(
<div
@@ -363,13 +363,15 @@ export default class PostList extends React.Component {
>
<hr className='separator__hr'/>
<div className='separator__text'>
<FormattedDate
value={currentPostDay}
weekday='short'
month='short'
day='2-digit'
year='numeric'
/>
<time dateTime={currentPostDay.toISOString()}>
<FormattedDate
value={currentPostDay}
weekday='short'
month='short'
day='2-digit'
year='numeric'
/>
</time>
</div>
</div>
);

View File

@@ -241,17 +241,20 @@ export default class SearchResultsItem extends React.Component {
);
}
const postCreateDate = new Date(Utils.getDateForUnixTicks(post.create_at).setUTCHours(0, 0, 0, 0));
return (
<div className='search-item__container'>
<div className='date-separator'>
<hr className='separator__hr'/>
<div className='separator__text'>
<FormattedDate
value={post.create_at}
day='numeric'
month='long'
year='numeric'
/>
<time dateTime={postCreateDate.toISOString()}>
<FormattedDate
value={postCreateDate}
day='numeric'
month='long'
year='numeric'
/>
</time>
</div>
</div>
<div