mirror of
https://github.com/gurnec/removeddit.git
synced 2026-03-11 08:54:27 +00:00
Be more descriptive with removed posts
This commit is contained in:
parent
3c52aaa293
commit
c7eea0cb1f
1 changed files with 15 additions and 3 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import React from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import { prettyScore, prettyDate, parse, redditThumbnails, isDeleted } from '../../utils'
|
||||
import { prettyScore, prettyDate, prettyTimeDiff, parse, redditThumbnails, isDeleted, isRemoved } from '../../utils'
|
||||
|
||||
export default (props) => {
|
||||
if (!props.title) {
|
||||
|
|
@ -24,6 +24,18 @@ export default (props) => {
|
|||
)
|
||||
}
|
||||
|
||||
let innerHTML;
|
||||
if ((!props.selftext || isRemoved(props.selftext)) && props.removed) {
|
||||
if (!props.hasOwnProperty('retrieved_utc') && !props.hasOwnProperty('retrieved_on') || !props.hasOwnProperty('created_utc')) {
|
||||
innerHTML = '<p>[removed too quickly to be archived]</p>'
|
||||
} else {
|
||||
const retrieved = props.hasOwnProperty('retrieved_utc') ? props.retrieved_utc : props.retrieved_on;
|
||||
innerHTML = `<p>[removed within ${prettyTimeDiff(retrieved - props.created_utc)}]</p>`
|
||||
}
|
||||
} else if (props.selftext) {
|
||||
innerHTML = parse(props.selftext)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={`thread ${props.removed && 'removed'} ${props.deleted && 'deleted'}`}>
|
||||
{props.position &&
|
||||
|
|
@ -46,8 +58,8 @@ export default (props) => {
|
|||
<a className='thread-author author' href={userLink}>{props.author}</a>
|
||||
to /r/{props.subreddit}
|
||||
</div>
|
||||
{props.selftext &&
|
||||
<div className='thread-selftext user-text' dangerouslySetInnerHTML={{ __html: parse(props.selftext) }} />}
|
||||
{innerHTML !== undefined &&
|
||||
<div className='thread-selftext user-text' dangerouslySetInnerHTML={{ __html: innerHTML }} />}
|
||||
<div className='total-comments'>
|
||||
<Link className='grey-link' to={props.permalink}><b>{props.num_comments} comments</b></Link>
|
||||
<a className='grey-link' href={`https://www.reddit.com${props.permalink}`}><b>reddit</b></a>
|
||||
|
|
|
|||
Loading…
Reference in a new issue