@ -32,7 +32,9 @@ const DetailedStatus = React.createClass({
render ( ) {
const status = this . props . status . get ( 'reblog' ) ? this . props . status . get ( 'reblog' ) : this . props . status ;
let media = '' ;
let media = '' ;
let applicationLink = '' ;
if ( status . get ( 'media_attachments' ) . size > 0 ) {
if ( status . getIn ( [ 'media_attachments' , 0 , 'type' ] ) === 'video' ) {
@ -42,6 +44,10 @@ const DetailedStatus = React.createClass({
}
}
if ( status . get ( 'application' ) ) {
applicationLink = < span > · < a className = 'detailed-status__application' style = { { color : 'inherit' } } href = { status . getIn ( [ 'application' , 'website' ] ) } target = '_blank' rel = 'nooopener' > { status . getIn ( [ 'application' , 'name' ] ) } < / a > < / span > ;
}
return (
< div style = { { background : '#2f3441' , padding : '14px 10px' } } className = 'detailed-status' >
< a href = { status . getIn ( [ 'account' , 'url' ] ) } onClick = { this . handleAccountClick } className = 'detailed-status__display-name' style = { { display : 'block' , overflow : 'hidden' , marginBottom : '15px' } } >
@ -54,7 +60,7 @@ const DetailedStatus = React.createClass({
{ media }
< div style = { { marginTop : '15px' , color : '#616b86' , fontSize : '14px' , lineHeight : '18px' } } >
< a className = 'detailed-status__datetime' style = { { color : 'inherit' } } href = { status . get ( 'url' ) } target = '_blank' rel = 'noopener' > < FormattedDate value = { new Date ( status . get ( 'created_at' ) ) } hour12 = { false } year = 'numeric' month = 'short' day = '2-digit' hour = '2-digit' minute = '2-digit' / > < / a > · < a className = 'detailed-status__application' style = { { color : 'inherit' } } href = { status . getIn ( [ 'application' , 'website' ] ) } target = '_blank' rel = 'nooopener' > { status . getIn ( [ 'application' , 'name' ] ) } < / a > · < Link to = { ` /statuses/ ${ status . get ( 'id' ) } /reblogs ` } style = { { color : 'inherit' , textDecoration : 'none' } } > < i className = 'fa fa-retweet' / > < span style = { { fontWeight : '500' , fontSize : '12px' , marginLeft : '6px' , display : 'inline-block' } } > < FormattedNumber value = { status . get ( 'reblogs_count' ) } / > < / span > < / Link > · < Link to = { ` /statuses/ ${ status . get ( 'id' ) } /favourites ` } style = { { color : 'inherit' , textDecoration : 'none' } } > < i className = 'fa fa-star' / > < span style = { { fontWeight : '500' , fontSize : '12px' , marginLeft : '6px' , display : 'inline-block' } } > < FormattedNumber value = { status . get ( 'favourites_count' ) } / > < / span > < / Link >
< a className = 'detailed-status__datetime' style = { { color : 'inherit' } } href = { status . get ( 'url' ) } target = '_blank' rel = 'noopener' > < FormattedDate value = { new Date ( status . get ( 'created_at' ) ) } hour12 = { false } year = 'numeric' month = 'short' day = '2-digit' hour = '2-digit' minute = '2-digit' / > < / a > { applicationLink } · < Link to = { ` /statuses/ ${ status . get ( 'id' ) } /reblogs ` } style = { { color : 'inherit' , textDecoration : 'none' } } > < i className = 'fa fa-retweet' / > < span style = { { fontWeight : '500' , fontSize : '12px' , marginLeft : '6px' , display : 'inline-block' } } > < FormattedNumber value = { status . get ( 'reblogs_count' ) } / > < / span > < / Link > · < Link to = { ` /statuses/ ${ status . get ( 'id' ) } /favourites ` } style = { { color : 'inherit' , textDecoration : 'none' } } > < i className = 'fa fa-star' / > < span style = { { fontWeight : '500' , fontSize : '12px' , marginLeft : '6px' , display : 'inline-block' } } > < FormattedNumber value = { status . get ( 'favourites_count' ) } / > < / span > < / Link >
< / div >
< / div >
) ;