diff --git a/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx b/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx index ee453ff180..6f16abfc7f 100644 --- a/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx +++ b/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx @@ -257,7 +257,6 @@ class ComposeForm extends ImmutablePureComponent { return (
- {/* */} {!withoutNavigation && } diff --git a/app/javascript/flavours/glitch/features/compose/components/quote_indicator.jsx b/app/javascript/flavours/glitch/features/compose/components/quote_indicator.jsx deleted file mode 100644 index 438c022358..0000000000 --- a/app/javascript/flavours/glitch/features/compose/components/quote_indicator.jsx +++ /dev/null @@ -1,85 +0,0 @@ -// Package imports. -import PropTypes from 'prop-types'; - -import { defineMessages, injectIntl } from 'react-intl'; - -import ImmutablePropTypes from 'react-immutable-proptypes'; -import ImmutablePureComponent from 'react-immutable-pure-component'; - - -import CloseIcon from '@/material-icons/400-24px/close.svg?react'; -import AttachmentList from 'flavours/glitch/components/attachment_list'; -import { WithOptionalRouterPropTypes, withOptionalRouter } from 'flavours/glitch/utils/react_router'; - -import { Avatar } from '../../../components/avatar'; -import { DisplayName } from '../../../components/display_name'; -import { Icon } from '../../../components/icon'; -import { IconButton } from '../../../components/icon_button'; - -// Messages. -const messages = defineMessages({ - cancel: { - defaultMessage: 'Cancel', - id: 'quote_indicator.cancel', - }, -}); - -class QuoteIndicator extends ImmutablePureComponent { - - static propTypes = { - status: ImmutablePropTypes.map, - onCancel: PropTypes.func, - intl: PropTypes.object.isRequired, - ...WithOptionalRouterPropTypes, - }; - - handleClick = () => { - this.props.onCancel(); - }; - - handleAccountClick = (e) => { - if (e.button === 0 && !(e.ctrlKey || e.metaKey)) { - e.preventDefault(); - this.props.history?.push(`/@${this.props.status.getIn(['account', 'acct'])}`); - } - } - - // Rendering. - render () { - const { status, intl } = this.props; - - if (!status) { - return null; - } - - const content = { __html: status.get('contentHtml') }; - - // The result. - return ( -
-
-
- -
- - -
- -
-
- -
- - {status.get('media_attachments').size > 0 && ( - - )} -
- ); - } - -} - -export default withOptionalRouter(injectIntl(QuoteIndicator)); diff --git a/app/javascript/flavours/glitch/features/compose/containers/quote_indicator_container.js b/app/javascript/flavours/glitch/features/compose/containers/quote_indicator_container.js deleted file mode 100644 index f7ba4a4daf..0000000000 --- a/app/javascript/flavours/glitch/features/compose/containers/quote_indicator_container.js +++ /dev/null @@ -1,31 +0,0 @@ -import { connect } from 'react-redux'; - -import { cancelQuoteCompose } from 'flavours/glitch/actions/compose'; -import { makeGetStatus } from '../../../selectors'; -import QuoteIndicator from '../components/quote_indicator'; - -const makeMapStateToProps = () => { - const getStatus = makeGetStatus(); - - const mapStateToProps = state => { - const statusId = state.getIn(['compose', 'quote_id'], null); - const editing = false; - - return { - status: getStatus(state, { id: statusId }), - editing, - }; - }; - - return mapStateToProps; -}; - -const mapDispatchToProps = dispatch => ({ - - onCancel () { - dispatch(cancelQuoteCompose()); - }, - -}); - -export default connect(makeMapStateToProps, mapDispatchToProps)(QuoteIndicator); diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 860c12afad..0fc31c07a5 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1019,7 +1019,6 @@ body > [data-popper-placement] { .status__content, .edit-indicator__content, -.quote-indicator__content, .reply-indicator__content { position: relative; word-wrap: break-word; @@ -1117,8 +1116,7 @@ body > [data-popper-placement] { } -.reply-indicator, -.quote-indicator { +.reply-indicator { display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-rows: 46px max-content; diff --git a/app/javascript/flavours/glitch/styles/contrast/diff.scss b/app/javascript/flavours/glitch/styles/contrast/diff.scss index 321526c9ef..1c2386f02d 100644 --- a/app/javascript/flavours/glitch/styles/contrast/diff.scss +++ b/app/javascript/flavours/glitch/styles/contrast/diff.scss @@ -14,7 +14,6 @@ .status__content a, .link-footer a, -.quote-indicator__content a, .reply-indicator__content a, .status__content__read-more-button, .status__content__translate-button { diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 447abf0fad..740d7222f8 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -263,7 +263,6 @@ html { } // Change the background colors of status__content__spoiler-link -.quote-indicator__content .status__content__spoiler-link, .reply-indicator__content .status__content__spoiler-link, .status__content .status__content__spoiler-link { background: $ui-base-color; @@ -628,14 +627,12 @@ html { } } -.quote-indicator, .reply-indicator { background: transparent; border: 1px solid lighten($ui-base-color, 8%); } .status__content, -.quote-indicator__content, .reply-indicator__content { a { color: $highlight-text-color; diff --git a/app/javascript/flavours/glitch/styles/rich_text.scss b/app/javascript/flavours/glitch/styles/rich_text.scss index 892aca457e..f6e740ef88 100644 --- a/app/javascript/flavours/glitch/styles/rich_text.scss +++ b/app/javascript/flavours/glitch/styles/rich_text.scss @@ -2,7 +2,6 @@ .status__content__text, .e-content, .edit-indicator__content, -.quote-indicator__content, .reply-indicator__content { pre, blockquote { @@ -94,7 +93,6 @@ } } -.quote-indicator__content, .reply-indicator__content { blockquote { border-inline-start-color: $inverted-text-color;