You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
723 B
22 lines
723 B
import React from 'react'; |
|
import moment from 'moment'; |
|
import { Link } from 'react-router-dom'; |
|
|
|
export const sourceLink = (story) => { |
|
const url = story.url || story.link; |
|
const urlObj = new URL(url); |
|
const host = urlObj.hostname.replace(/^www\./, ''); |
|
return (<a className='source' href={url}>{host}</a>); |
|
}; |
|
|
|
export const infoLine = (story) => |
|
<div className='info'> |
|
{story.score} points |
|
by <a href={story.author_link}>{story.author}</a> |
|
​ {moment.unix(story.date).fromNow()} |
|
​ on <a href={story.link}>{story.source}</a> | ​ |
|
<Link className={story.num_comments > 99 ? 'hot' : ''} to={'/' + story.id}> |
|
{story.num_comments} comment{story.num_comments !== 1 && 's'} |
|
</Link> |
|
</div> |
|
;
|
|
|