about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch
diff options
context:
space:
mode:
authormultiple creatures <dev@multiple-creature.party>2020-01-14 00:13:52 -0600
committermultiple creatures <dev@multiple-creature.party>2020-01-14 00:13:52 -0600
commit14326f5fd0b442684577a173df33e0b5c160ccf8 (patch)
tree34ea70b3e790fb21546e2295ad44c5429b22bf8e /app/javascript/flavours/glitch
parentd8242376296a8d72d27ffb0b462390d031f1f435 (diff)
differentiate local-only posts in the web app
Diffstat (limited to 'app/javascript/flavours/glitch')
-rw-r--r--app/javascript/flavours/glitch/components/status.js2
-rw-r--r--app/javascript/flavours/glitch/components/status_icons.js3
-rw-r--r--app/javascript/flavours/glitch/styles/monsterpit.scss6
3 files changed, 10 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/components/status.js b/app/javascript/flavours/glitch/components/status.js
index 39b03b68d..cd09ab587 100644
--- a/app/javascript/flavours/glitch/components/status.js
+++ b/app/javascript/flavours/glitch/components/status.js
@@ -619,7 +619,7 @@ export default class Status extends ImmutablePureComponent {
       toggleSensitive: this.handleHotkeyToggleSensitive,
     };
 
-    const computedClass = classNames('status', `status-${status.get('visibility')}`, {
+    const computedClass = classNames('status', `status-${status.get('visibility')}`, `status-${status.get('local_only') ? 'local-only' : 'federatable'}`, {
       collapsed: isCollapsed,
       'has-background': isCollapsed && background,
       'status__wrapper-reply': !!status.get('in_reply_to_id'),
diff --git a/app/javascript/flavours/glitch/components/status_icons.js b/app/javascript/flavours/glitch/components/status_icons.js
index bba2fac87..72cc456a2 100644
--- a/app/javascript/flavours/glitch/components/status_icons.js
+++ b/app/javascript/flavours/glitch/components/status_icons.js
@@ -70,6 +70,9 @@ export default class StatusIcons extends React.PureComponent {
         {status.get('reject_replies') ? (
           <i className='fa fa-microphone-slash' title='Rejecting replies' aria-hidden='true' />
         ) : null}
+        {status.get('local_only') ? (
+          <i className='fa fa-chain-broken' title='Local-only' aria-hidden='true' />
+        ) : null}
         {!directMessage && <VisibilityIcon visibility={status.get('visibility')} />}
         {collapsible ? (
           <IconButton
diff --git a/app/javascript/flavours/glitch/styles/monsterpit.scss b/app/javascript/flavours/glitch/styles/monsterpit.scss
index 13c0441af..ae66cb4b7 100644
--- a/app/javascript/flavours/glitch/styles/monsterpit.scss
+++ b/app/javascript/flavours/glitch/styles/monsterpit.scss
@@ -1,3 +1,9 @@
+.status {
+  &.status-local-only {
+    background: darken($ui-base-color, 4%);
+  }
+}
+
 .composer--reply > .content,
 .status__content__text,
 .e-content