diff options
Diffstat (limited to 'app/javascript/flavours/glitch/components/status_content.js')
-rw-r--r-- | app/javascript/flavours/glitch/components/status_content.js | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/components/status_content.js b/app/javascript/flavours/glitch/components/status_content.js index b353b028b..171aff097 100644 --- a/app/javascript/flavours/glitch/components/status_content.js +++ b/app/javascript/flavours/glitch/components/status_content.js @@ -278,6 +278,7 @@ export default class StatusContent extends React.PureComponent { const edited = (status.get('edited') === 0) ? null : ( <div className='status__edit-notice'> + <Icon id='pencil-square-o' /> <FormattedMessage id='status.edited' defaultMessage='{count, plural, one {# edit} other {# edits}} · last update: {updated_at}' @@ -290,6 +291,17 @@ export default class StatusContent extends React.PureComponent { </div> ); + const unpublished = (status.get('published') === false) && ( + <div className='status__unpublished-notice'> + <Icon id='chain-broken' /> + <FormattedMessage + id='status.unpublished' + defaultMessage='Unpublished' + key={`unpublished-${status.get('id')}`} + /> + </div> + ); + const content = { __html: status.get('contentHtml') }; const spoilerContent = { __html: status.get('spoilerHtml') }; const directionStyle = { direction: 'ltr' }; @@ -345,6 +357,8 @@ export default class StatusContent extends React.PureComponent { return ( <div className={classNames} tabIndex='0' onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp} ref={this.setRef}> + {unpublished} + {edited} <p style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }} > @@ -355,7 +369,6 @@ export default class StatusContent extends React.PureComponent { </button> </p> - {edited} {mentionsPlaceholder} <div className={`status__content__spoiler ${!hidden ? 'status__content__spoiler--visible' : ''}`}> @@ -382,6 +395,7 @@ export default class StatusContent extends React.PureComponent { tabIndex='0' ref={this.setRef} > + {unpublished} {edited} <div ref={this.setContentsRef} @@ -401,6 +415,7 @@ export default class StatusContent extends React.PureComponent { tabIndex='0' ref={this.setRef} > + {unpublished} {edited} <div ref={this.setContentsRef} key={`contents-${tagLinks}`} className='status__content__text' dangerouslySetInnerHTML={content} tabIndex='0' /> {media} |