forked from tanner/qotnews
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.
34 lines
679 B
34 lines
679 B
import React from "react"; |
|
import { Link } from "react-router-dom"; |
|
import { sourceLink, infoLine, getLogoUrl } from "../utils.js"; |
|
|
|
export class StoryItem extends React.Component { |
|
constructor(props) { |
|
super(props); |
|
} |
|
|
|
render() { |
|
const story = this.props.story; |
|
const { id, title } = story; |
|
|
|
return ( |
|
<div className="item" key={id}> |
|
<div className="title"> |
|
<Link className="link" to={"/" + id}> |
|
<img |
|
className="source-logo" |
|
src={getLogoUrl(story)} |
|
alt="source logo" |
|
/> |
|
{" "} |
|
{title} |
|
</Link> |
|
|
|
<span className="source">({sourceLink(story)})</span> |
|
</div> |
|
|
|
{infoLine(story)} |
|
</div> |
|
); |
|
} |
|
}
|
|
|