From 9317f6853e5b446b7da82278876d1a9861534b2c Mon Sep 17 00:00:00 2001 From: Ash Levy Date: Mon, 12 Mar 2018 20:57:28 -0400 Subject: compress boost/fave notifications more --- .../flavours/glitch/components/status.js | 43 +++++++----- .../flavours/glitch/components/status_header.js | 62 +---------------- .../flavours/glitch/components/status_icons.js | 81 ++++++++++++++++++++++ .../flavours/glitch/styles/components/status.scss | 15 +++- 4 files changed, 122 insertions(+), 79 deletions(-) create mode 100644 app/javascript/flavours/glitch/components/status_icons.js (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/components/status.js b/app/javascript/flavours/glitch/components/status.js index d63b6a639..e8105e705 100644 --- a/app/javascript/flavours/glitch/components/status.js +++ b/app/javascript/flavours/glitch/components/status.js @@ -3,6 +3,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import PropTypes from 'prop-types'; import StatusPrepend from './status_prepend'; import StatusHeader from './status_header'; +import StatusIcons from './status_icons'; import StatusContent from './status_content'; import StatusActionBar from './status_action_bar'; import ImmutablePureComponent from 'react-immutable-pure-component'; @@ -392,23 +393,31 @@ export default class Status extends ImmutablePureComponent { ref={handleRef} tabIndex='0' > - {prepend && account ? ( - + {prepend && account ? ( + + ) : null} + {!muted ? ( + + ) : null} + - ) : null} - + - {isExpanded !== false ? ( + {isExpanded !== false && !muted ? ( { - const { collapsed, setExpansion } = this.props; - if (e.button === 0) { - setExpansion(collapsed ? null : false); - e.preventDefault(); - } - } - // Handles clicks on account name/image handleAccountClick = (e) => { const { status, parseClick } = this.props; @@ -55,16 +27,12 @@ export default class StatusHeader extends React.PureComponent { const { status, friend, - mediaIcon, - collapsible, - collapsed, - intl, } = this.props; const account = status.get('account'); return ( -
+
-
- {mediaIcon ? ( -