1 files changed, 24 insertions, 8 deletions
diff --git a/app/javascript/flavours/glitch/components/status_content.js b/app/javascript/flavours/glitch/components/status_content.js
index d3e7b8718..f03072ac8 100644
--- a/app/javascript/flavours/glitch/components/status_content.js
+++ b/app/javascript/flavours/glitch/components/status_content.js
@@ -277,7 +277,7 @@ export default class StatusContent extends React.PureComponent {
     const hidden = this.props.onExpandedToggle ? !this.props.expanded : this.state.hidden;
 
     const edited = (status.get('edited') === 0) ? null : (
-      <div className='status__edit-notice'>
+      <div className='status__notice status__edit-notice'>
         <Icon id='pencil-square-o' />
         <FormattedMessage
           id='status.edited'
@@ -292,7 +292,7 @@ export default class StatusContent extends React.PureComponent {
     );
 
     const unpublished = (status.get('published') === false) && (
-      <div className='status__unpublished-notice'>
+      <div className='status__notice status__unpublished-notice'>
         <Icon id='chain-broken' />
         <FormattedMessage
           id='status.unpublished'
@@ -302,6 +302,25 @@ export default class StatusContent extends React.PureComponent {
       </div>
     );
 
+    const local_only = (status.get('local_only') === true) && (
+      <div className='status__notice status__localonly-notice'>
+        <Icon id='home' />
+        <FormattedMessage
+          id='advanced_options.local-only.short'
+          defaultMessage='Local-only'
+          key={`localonly-${status.get('id')}`}
+        />
+      </div>
+    );
+
+    const status_notice_wrapper = (
+      <div className='status__notice-wrapper'>
+        {unpublished}
+        {edited}
+        {local_only}
+      </div>
+    );
+
     const permissions_present = status.get('domain_permissions') && status.get('domain_permissions').size > 0;
 
     const status_permission_items = permissions_present && status.get('domain_permissions').map((permission) => (
@@ -390,8 +409,7 @@ export default class StatusContent extends React.PureComponent {
 
       return (
         <div className={classNames} tabIndex='0' onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp} ref={this.setRef}>
-          {unpublished}
-          {edited}
+          {status_notice_wrapper}
           <p
             style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}
           >
@@ -430,8 +448,7 @@ export default class StatusContent extends React.PureComponent {
           tabIndex='0'
           ref={this.setRef}
         >
-          {unpublished}
-          {edited}
+          {status_notice_wrapper}
           <div
             ref={this.setContentsRef}
             key={`contents-${tagLinks}-${rewriteMentions}`}
@@ -451,8 +468,7 @@ export default class StatusContent extends React.PureComponent {
           tabIndex='0'
           ref={this.setRef}
         >
-          {unpublished}
-          {edited}
+          {status_notice_wrapper}
           <div ref={this.setContentsRef} key={`contents-${tagLinks}`} className='status__content__text' dangerouslySetInnerHTML={content} tabIndex='0' />
           {media}
           {permissions}