Archos/masto-fe-archos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[build] upgrade eslint to 9.37.0 (#88)

Browse Source 
Co-authored-by: tobi <tobi.smethurst@protonmail.com>
Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/88
Co-authored-by: Zoë Bijl <moiety@noreply.codeberg.org>
Co-committed-by: Zoë Bijl <moiety@noreply.codeberg.org>
This commit is contained in:
Zoë Bijl
2025-10-12 13:42:02 +02:00
committed by tobi
parent 75d7a62693
commit 1ff70886a1
975 changed files with 22196 additions and 21964 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/flavours/glitch/features/status/index.jsx
+140 -135
View File
@@ -1,25 +1,25 @@
import PropTypes from 'prop-types';
import PropTypes from "prop-types";
import { defineMessages, injectIntl } from 'react-intl';
import { defineMessages, injectIntl } from "react-intl";
import classNames from 'classnames';
import { Helmet } from 'react-helmet';
import classNames from "classnames";
import { Helmet } from "react-helmet";
import Immutable from 'immutable';
import ImmutablePropTypes from 'react-immutable-proptypes';
import ImmutablePureComponent from 'react-immutable-pure-component';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import Immutable from "immutable";
import ImmutablePropTypes from "react-immutable-proptypes";
import ImmutablePureComponent from "react-immutable-pure-component";
import { connect } from "react-redux";
import { createSelector } from "reselect";
import { HotKeys } from 'react-hotkeys';
import { HotKeys } from "react-hotkeys";
import { initBlockModal } from 'flavours/glitch/actions/blocks';
import { initBoostModal } from 'flavours/glitch/actions/boosts';
import { initBlockModal } from "flavours/glitch/actions/blocks";
import { initBoostModal } from "flavours/glitch/actions/boosts";
import {
replyCompose,
mentionCompose,
directCompose,
} from 'flavours/glitch/actions/compose';
} from "flavours/glitch/actions/compose";
import {
favourite,
unfavourite,
@@ -29,11 +29,11 @@ import {
unreblog,
pin,
unpin,
} from 'flavours/glitch/actions/interactions';
import { changeLocalSetting } from 'flavours/glitch/actions/local_settings';
import { openModal } from 'flavours/glitch/actions/modal';
import { initMuteModal } from 'flavours/glitch/actions/mutes';
import { initReport } from 'flavours/glitch/actions/reports';
} from "flavours/glitch/actions/interactions";
import { changeLocalSetting } from "flavours/glitch/actions/local_settings";
import { openModal } from "flavours/glitch/actions/modal";
import { initMuteModal } from "flavours/glitch/actions/mutes";
import { initReport } from "flavours/glitch/actions/reports";
import {
fetchStatus,
muteStatus,
@@ -44,36 +44,36 @@ import {
revealStatus,
translateStatus,
undoStatusTranslation,
} from 'flavours/glitch/actions/statuses';
import { Icon } from 'flavours/glitch/components/icon';
import { LoadingIndicator } from 'flavours/glitch/components/loading_indicator';
import { textForScreenReader, defaultMediaVisibility } from 'flavours/glitch/components/status';
import ScrollContainer from 'flavours/glitch/containers/scroll_container';
import StatusContainer from 'flavours/glitch/containers/status_container';
import BundleColumnError from 'flavours/glitch/features/ui/components/bundle_column_error';
import Column from 'flavours/glitch/features/ui/components/column';
import { boostModal, favouriteModal, deleteModal } from 'flavours/glitch/initial_state';
import { makeGetStatus, makeGetPictureInPicture } from 'flavours/glitch/selectors';
import { autoUnfoldCW } from 'flavours/glitch/utils/content_warning';
} from "flavours/glitch/actions/statuses";
import { Icon } from "flavours/glitch/components/icon";
import { LoadingIndicator } from "flavours/glitch/components/loading_indicator";
import { textForScreenReader, defaultMediaVisibility } from "flavours/glitch/components/status";
import ScrollContainer from "flavours/glitch/containers/scroll_container";
import StatusContainer from "flavours/glitch/containers/status_container";
import BundleColumnError from "flavours/glitch/features/ui/components/bundle_column_error";
import Column from "flavours/glitch/features/ui/components/column";
import { boostModal, favouriteModal, deleteModal } from "flavours/glitch/initial_state";
import { makeGetStatus, makeGetPictureInPicture } from "flavours/glitch/selectors";
import { autoUnfoldCW } from "flavours/glitch/utils/content_warning";
import ColumnHeader from '../../components/column_header';
import { attachFullscreenListener, detachFullscreenListener, isFullscreen } from '../ui/util/fullscreen';
import ColumnHeader from "../../components/column_header";
import { attachFullscreenListener, detachFullscreenListener, isFullscreen } from "../ui/util/fullscreen";
import ActionBar from './components/action_bar';
import DetailedStatus from './components/detailed_status';
import ActionBar from "./components/action_bar";
import DetailedStatus from "./components/detailed_status";
const messages = defineMessages({
deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },
deleteMessage: { id: 'confirmations.delete.message', defaultMessage: 'Are you sure you want to delete this status?' },
redraftConfirm: { id: 'confirmations.redraft.confirm', defaultMessage: 'Delete & redraft' },
redraftMessage: { id: 'confirmations.redraft.message', defaultMessage: 'Are you sure you want to delete this status and re-draft it? Favorites and boosts will be lost, and replies to the original post will be orphaned.' },
revealAll: { id: 'status.show_more_all', defaultMessage: 'Show more for all' },
hideAll: { id: 'status.show_less_all', defaultMessage: 'Show less for all' },
statusTitleWithAttachments: { id: 'status.title.with_attachments', defaultMessage: '{user} posted {attachmentCount, plural, one {an attachment} other {# attachments}}' },
detailedStatus: { id: 'status.detailed_status', defaultMessage: 'Detailed conversation view' },
replyConfirm: { id: 'confirmations.reply.confirm', defaultMessage: 'Reply' },
replyMessage: { id: 'confirmations.reply.message', defaultMessage: 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' },
tootHeading: { id: 'account.posts_with_replies', defaultMessage: 'Posts and replies' },
deleteConfirm: { id: "confirmations.delete.confirm", defaultMessage: "Delete" },
deleteMessage: { id: "confirmations.delete.message", defaultMessage: "Are you sure you want to delete this status?" },
redraftConfirm: { id: "confirmations.redraft.confirm", defaultMessage: "Delete & redraft" },
redraftMessage: { id: "confirmations.redraft.message", defaultMessage: "Are you sure you want to delete this status and re-draft it? Favorites and boosts will be lost, and replies to the original post will be orphaned." },
revealAll: { id: "status.show_more_all", defaultMessage: "Show more for all" },
hideAll: { id: "status.show_less_all", defaultMessage: "Show less for all" },
statusTitleWithAttachments: { id: "status.title.with_attachments", defaultMessage: "{user} posted {attachmentCount, plural, one {an attachment} other {# attachments}}" },
detailedStatus: { id: "status.detailed_status", defaultMessage: "Detailed conversation view" },
replyConfirm: { id: "confirmations.reply.confirm", defaultMessage: "Reply" },
replyMessage: { id: "confirmations.reply.message", defaultMessage: "Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?" },
tootHeading: { id: "account.posts_with_replies", defaultMessage: "Posts and replies" },
});
const makeMapStateToProps = () => {
@@ -82,7 +82,7 @@ const makeMapStateToProps = () => {
const getAncestorsIds = createSelector([
(_, { id }) => id,
state => state.getIn(['contexts', 'inReplyTos']),
state => state.getIn(["contexts", "inReplyTos"]),
], (statusId, inReplyTos) => {
let ancestorsIds = Immutable.List();
ancestorsIds = ancestorsIds.withMutations(mutable => {
@@ -99,8 +99,8 @@ const makeMapStateToProps = () => {
const getDescendantsIds = createSelector([
(_, { id }) => id,
state => state.getIn(['contexts', 'replies']),
state => state.get('statuses'),
state => state.getIn(["contexts", "replies"]),
state => state.get("statuses"),
], (statusId, contextReplies, statuses) => {
let descendantsIds = [];
const ids = [statusId];
@@ -115,15 +115,17 @@ const makeMapStateToProps = () => {
if (replies) {
replies.reverse().forEach(reply => {
if (!ids.includes(reply) && !descendantsIds.includes(reply) && statusId !== reply) ids.push(reply);
if (!ids.includes(reply) && !descendantsIds.includes(reply) && statusId !== reply) {
ids.push(reply);
}
});
}
}
let insertAt = descendantsIds.findIndex((id) => statuses.get(id).get('in_reply_to_account_id') !== statuses.get(id).get('account'));
let insertAt = descendantsIds.findIndex((id) => statuses.get(id).get("in_reply_to_account_id") !== statuses.get(id).get("account"));
if (insertAt !== -1) {
descendantsIds.forEach((id, idx) => {
if (idx > insertAt && statuses.get(id).get('in_reply_to_account_id') === statuses.get(id).get('account')) {
if (idx > insertAt && statuses.get(id).get("in_reply_to_account_id") === statuses.get(id).get("account")) {
descendantsIds.splice(idx, 1);
descendantsIds.splice(insertAt, 0, id);
insertAt += 1;
@@ -141,18 +143,18 @@ const makeMapStateToProps = () => {
let descendantsIds = Immutable.List();
if (status) {
ancestorsIds = getAncestorsIds(state, { id: status.get('in_reply_to_id') });
descendantsIds = getDescendantsIds(state, { id: status.get('id') });
ancestorsIds = getAncestorsIds(state, { id: status.get("in_reply_to_id") });
descendantsIds = getDescendantsIds(state, { id: status.get("id") });
}
return {
isLoading: state.getIn(['statuses', props.params.statusId, 'isLoading']),
isLoading: state.getIn(["statuses", props.params.statusId, "isLoading"]),
status,
ancestorsIds,
descendantsIds,
settings: state.get('local_settings'),
askReplyConfirmation: state.getIn(['local_settings', 'confirm_before_clearing_draft']) && state.getIn(['compose', 'text']).trim().length !== 0,
domain: state.getIn(['meta', 'domain']),
settings: state.get("local_settings"),
askReplyConfirmation: state.getIn(["local_settings", "confirm_before_clearing_draft"]) && state.getIn(["compose", "text"]).trim().length !== 0,
domain: state.getIn(["meta", "domain"]),
pictureInPicture: getPictureInPicture(state, { id: props.params.statusId }),
};
};
@@ -163,18 +165,18 @@ const makeMapStateToProps = () => {
const truncate = (str, num) => {
const arr = Array.from(str);
if (arr.length > num) {
return arr.slice(0, num).join('') + '…';
return arr.slice(0, num).join("") + "…";
} else {
return str;
}
};
const titleFromStatus = (intl, status) => {
const displayName = status.getIn(['account', 'display_name']);
const username = status.getIn(['account', 'username']);
const displayName = status.getIn(["account", "display_name"]);
const username = status.getIn(["account", "username"]);
const user = displayName.trim().length === 0 ? username : displayName;
const text = status.get('search_index');
const attachmentCount = status.get('media_attachments').size;
const text = status.get("search_index");
const attachmentCount = status.get("media_attachments").size;
return text ? `${user}: "${truncate(text, 30)}"` : intl.formatMessage(messages.statusTitleWithAttachments, { user, attachmentCount });
};
@@ -231,16 +233,18 @@ class Status extends ImmutablePureComponent {
updated = true;
}
const revealBehindCW = props.settings.getIn(['media', 'reveal_behind_cw']);
const revealBehindCW = props.settings.getIn(["media", "reveal_behind_cw"]);
if (revealBehindCW !== state.revealBehindCW) {
update.revealBehindCW = revealBehindCW;
if (revealBehindCW) update.showMedia = defaultMediaVisibility(props.status, props.settings);
if (revealBehindCW) {
update.showMedia = defaultMediaVisibility(props.status, props.settings);
}
updated = true;
}
if (props.status && state.loadedStatusId !== props.status.get('id')) {
if (props.status && state.loadedStatusId !== props.status.get("id")) {
update.showMedia = defaultMediaVisibility(props.status, props.settings);
update.loadedStatusId = props.status.get('id');
update.loadedStatusId = props.status.get("id");
update.isExpanded = autoUnfoldCW(props.settings, props.status);
updated = true;
}
@@ -251,13 +255,13 @@ class Status extends ImmutablePureComponent {
handleToggleHidden = () => {
const { status } = this.props;
if (this.props.settings.getIn(['content_warnings', 'shared_state'])) {
if (status.get('hidden')) {
this.props.dispatch(revealStatus(status.get('id')));
if (this.props.settings.getIn(["content_warnings", "shared_state"])) {
if (status.get("hidden")) {
this.props.dispatch(revealStatus(status.get("id")));
} else {
this.props.dispatch(hideStatus(status.get('id')));
this.props.dispatch(hideStatus(status.get("id")));
}
} else if (this.props.status.get('spoiler_text')) {
} else if (this.props.status.get("spoiler_text")) {
this.setExpansion(!this.state.isExpanded);
}
};
@@ -275,14 +279,14 @@ class Status extends ImmutablePureComponent {
const { signedIn } = this.context.identity;
if (signedIn) {
if (status.get('favourited')) {
if (status.get("favourited")) {
dispatch(unfavourite(status));
} else {
if ((e && e.shiftKey) || !favouriteModal) {
this.handleModalFavourite(status);
} else {
dispatch(openModal({
modalType: 'FAVOURITE',
modalType: "FAVOURITE",
modalProps: {
status,
onFavourite: this.handleModalFavourite,
@@ -292,18 +296,18 @@ class Status extends ImmutablePureComponent {
}
} else {
dispatch(openModal({
modalType: 'INTERACTION',
modalType: "INTERACTION",
modalProps: {
type: 'favourite',
accountId: status.getIn(['account', 'id']),
url: status.get('uri'),
type: "favourite",
accountId: status.getIn(["account", "id"]),
url: status.get("uri"),
},
}));
}
};
handlePin = (status) => {
if (status.get('pinned')) {
if (status.get("pinned")) {
this.props.dispatch(unpin(status));
} else {
this.props.dispatch(pin(status));
@@ -317,11 +321,11 @@ class Status extends ImmutablePureComponent {
if (signedIn) {
if (askReplyConfirmation) {
dispatch(openModal({
modalType: 'CONFIRM',
modalType: "CONFIRM",
modalProps: {
message: intl.formatMessage(messages.replyMessage),
confirm: intl.formatMessage(messages.replyConfirm),
onDoNotAsk: () => dispatch(changeLocalSetting(['confirm_before_clearing_draft'], false)),
onDoNotAsk: () => dispatch(changeLocalSetting(["confirm_before_clearing_draft"], false)),
onConfirm: () => dispatch(replyCompose(status, this.context.router.history)),
},
}));
@@ -330,11 +334,11 @@ class Status extends ImmutablePureComponent {
}
} else {
dispatch(openModal({
modalType: 'INTERACTION',
modalType: "INTERACTION",
modalProps: {
type: 'reply',
accountId: status.getIn(['account', 'id']),
url: status.get('uri'),
type: "reply",
accountId: status.getIn(["account", "id"]),
url: status.get("uri"),
},
}));
}
@@ -343,7 +347,7 @@ class Status extends ImmutablePureComponent {
handleModalReblog = (status, privacy) => {
const { dispatch } = this.props;
if (status.get('reblogged')) {
if (status.get("reblogged")) {
dispatch(unreblog(status));
} else {
dispatch(reblog(status, privacy));
@@ -355,7 +359,7 @@ class Status extends ImmutablePureComponent {
const { signedIn } = this.context.identity;
if (signedIn) {
if (settings.get('confirm_boost_missing_media_description') && status.get('media_attachments').some(item => !item.get('description')) && !status.get('reblogged')) {
if (settings.get("confirm_boost_missing_media_description") && status.get("media_attachments").some(item => !item.get("description")) && !status.get("reblogged")) {
dispatch(initBoostModal({ status, onReblog: this.handleModalReblog, missingMediaDescription: true }));
} else if ((e && e.shiftKey) || !boostModal) {
this.handleModalReblog(status);
@@ -364,18 +368,18 @@ class Status extends ImmutablePureComponent {
}
} else {
dispatch(openModal({
modalType: 'INTERACTION',
modalType: "INTERACTION",
modalProps: {
type: 'reblog',
accountId: status.getIn(['account', 'id']),
url: status.get('uri'),
type: "reblog",
accountId: status.getIn(["account", "id"]),
url: status.get("uri"),
},
}));
}
};
handleBookmarkClick = (status) => {
if (status.get('bookmarked')) {
if (status.get("bookmarked")) {
this.props.dispatch(unbookmark(status));
} else {
this.props.dispatch(bookmark(status));
@@ -386,21 +390,21 @@ class Status extends ImmutablePureComponent {
const { dispatch, intl } = this.props;
if (!deleteModal) {
dispatch(deleteStatus(status.get('id'), history, withRedraft));
dispatch(deleteStatus(status.get("id"), history, withRedraft));
} else {
dispatch(openModal({
modalType: 'CONFIRM',
modalType: "CONFIRM",
modalProps: {
message: intl.formatMessage(withRedraft ? messages.redraftMessage : messages.deleteMessage),
confirm: intl.formatMessage(withRedraft ? messages.redraftConfirm : messages.deleteConfirm),
onConfirm: () => dispatch(deleteStatus(status.get('id'), history, withRedraft)),
onConfirm: () => dispatch(deleteStatus(status.get("id"), history, withRedraft)),
},
}));
}
};
handleEditClick = (status, history) => {
this.props.dispatch(editStatus(status.get('id'), history));
this.props.dispatch(editStatus(status.get("id"), history));
};
handleDirectClick = (account, router) => {
@@ -413,15 +417,15 @@ class Status extends ImmutablePureComponent {
handleOpenMedia = (media, index, lang) => {
this.props.dispatch(openModal({
modalType: 'MEDIA',
modalProps: { statusId: this.props.status.get('id'), media, index, lang },
modalType: "MEDIA",
modalProps: { statusId: this.props.status.get("id"), media, index, lang },
}));
};
handleOpenVideo = (media, lang, options) => {
this.props.dispatch(openModal({
modalType: 'VIDEO',
modalProps: { statusId: this.props.status.get('id'), media, lang, options },
modalType: "VIDEO",
modalProps: { statusId: this.props.status.get("id"), media, lang, options },
}));
};
@@ -430,11 +434,11 @@ class Status extends ImmutablePureComponent {
e.preventDefault();
if (status.get('media_attachments').size > 0) {
if (status.getIn(['media_attachments', 0, 'type']) === 'video') {
this.handleOpenVideo(status.getIn(['media_attachments', 0]), { startTime: 0 });
if (status.get("media_attachments").size > 0) {
if (status.getIn(["media_attachments", 0, "type"]) === "video") {
this.handleOpenVideo(status.getIn(["media_attachments", 0]), { startTime: 0 });
} else {
this.handleOpenMedia(status.get('media_attachments'), 0);
this.handleOpenMedia(status.get("media_attachments"), 0);
}
}
};
@@ -444,20 +448,21 @@ class Status extends ImmutablePureComponent {
};
handleConversationMuteClick = (status) => {
if (status.get('muted')) {
this.props.dispatch(unmuteStatus(status.get('id')));
if (status.get("muted")) {
this.props.dispatch(unmuteStatus(status.get("id")));
} else {
this.props.dispatch(muteStatus(status.get('id')));
this.props.dispatch(muteStatus(status.get("id")));
}
};
handleToggleAll = () => {
const { status, ancestorsIds, descendantsIds, settings } = this.props;
const statusIds = [status.get('id')].concat(ancestorsIds.toJS(), descendantsIds.toJS());
const statusIds = [status.get("id")].concat(ancestorsIds.toJS(), descendantsIds.toJS());
let { isExpanded } = this.state;
if (settings.getIn(['content_warnings', 'shared_state']))
isExpanded = !status.get('hidden');
if (settings.getIn(["content_warnings", "shared_state"])) {
isExpanded = !status.get("hidden");
}
if (!isExpanded) {
this.props.dispatch(revealStatus(statusIds));
@@ -471,27 +476,27 @@ class Status extends ImmutablePureComponent {
handleTranslate = status => {
const { dispatch } = this.props;
if (status.get('translation')) {
dispatch(undoStatusTranslation(status.get('id'), status.get('poll')));
if (status.get("translation")) {
dispatch(undoStatusTranslation(status.get("id"), status.get("poll")));
} else {
dispatch(translateStatus(status.get('id')));
dispatch(translateStatus(status.get("id")));
}
};
handleBlockClick = (status) => {
const { dispatch } = this.props;
const account = status.get('account');
const account = status.get("account");
dispatch(initBlockModal(account));
};
handleReport = (status) => {
this.props.dispatch(initReport(status.get('account'), status));
this.props.dispatch(initReport(status.get("account"), status));
};
handleEmbed = (status) => {
this.props.dispatch(openModal({
modalType: 'EMBED',
modalProps: { id: status.get('id') },
modalType: "EMBED",
modalProps: { id: status.get("id") },
}));
};
@@ -500,11 +505,11 @@ class Status extends ImmutablePureComponent {
};
handleHotkeyMoveUp = () => {
this.handleMoveUp(this.props.status.get('id'));
this.handleMoveUp(this.props.status.get("id"));
};
handleHotkeyMoveDown = () => {
this.handleMoveDown(this.props.status.get('id'));
this.handleMoveDown(this.props.status.get("id"));
};
handleHotkeyReply = e => {
@@ -530,13 +535,13 @@ class Status extends ImmutablePureComponent {
};
handleHotkeyOpenProfile = () => {
this.context.router.history.push(`/@${this.props.status.getIn(['account', 'acct'])}`);
this.context.router.history.push(`/@${this.props.status.getIn(["account", "acct"])}`);
};
handleMoveUp = id => {
const { status, ancestorsIds, descendantsIds } = this.props;
if (id === status.get('id')) {
if (id === status.get("id")) {
this._selectChild(ancestorsIds.size - 1, true);
} else {
let index = ancestorsIds.indexOf(id);
@@ -553,7 +558,7 @@ class Status extends ImmutablePureComponent {
handleMoveDown = id => {
const { status, ancestorsIds, descendantsIds } = this.props;
if (id === status.get('id')) {
if (id === status.get("id")) {
this._selectChild(ancestorsIds.size + 1, false);
} else {
let index = ancestorsIds.indexOf(id);
@@ -569,7 +574,7 @@ class Status extends ImmutablePureComponent {
_selectChild (index, align_top) {
const container = this.node;
const element = container.querySelectorAll('.focusable')[index];
const element = container.querySelectorAll(".focusable")[index];
if (element) {
if (align_top && container.scrollTop > element.offsetTop) {
@@ -620,12 +625,12 @@ class Status extends ImmutablePureComponent {
if (status) {
window.requestAnimationFrame(() => {
this.node?.querySelector('.detailed-status__wrapper')?.scrollIntoView(true);
this.node?.querySelector(".detailed-status__wrapper")?.scrollIntoView(true);
// In the single-column interface, `scrollIntoView` will put the post behind the header,
// so compensate for that.
if (!multiColumn) {
const offset = document.querySelector('.column-header__wrapper')?.getBoundingClientRect()?.bottom;
const offset = document.querySelector(".column-header__wrapper")?.getBoundingClientRect()?.bottom;
if (offset) {
const scrollingElement = document.scrollingElement || document.body;
scrollingElement.scrollBy(0, -offset);
@@ -638,7 +643,7 @@ class Status extends ImmutablePureComponent {
componentDidUpdate (prevProps) {
const { status, ancestorsIds } = this.props;
if (status && (ancestorsIds.size > prevProps.ancestorsIds.size || prevProps.status?.get('id') !== status.get('id'))) {
if (status && (ancestorsIds.size > prevProps.ancestorsIds.size || prevProps.status?.get("id") !== status.get("id"))) {
this._scrollStatusIntoView();
}
}
@@ -658,7 +663,7 @@ class Status extends ImmutablePureComponent {
}
// Scroll to focused post if it is loaded
const child = this.node?.querySelector('.detailed-status__wrapper');
const child = this.node?.querySelector(".detailed-status__wrapper");
if (child) {
return [0, child.offsetTop];
}
@@ -686,7 +691,7 @@ class Status extends ImmutablePureComponent {
);
}
const isExpanded = settings.getIn(['content_warnings', 'shared_state']) ? !status.get('hidden') : this.state.isExpanded;
const isExpanded = settings.getIn(["content_warnings", "shared_state"]) ? !status.get("hidden") : this.state.isExpanded;
if (ancestorsIds && ancestorsIds.size > 0) {
ancestors = <>{this.renderChildren(ancestorsIds, true)}</>;
@@ -696,8 +701,8 @@ class Status extends ImmutablePureComponent {
descendants = <>{this.renderChildren(descendantsIds)}</>;
}
const isLocal = status.getIn(['account', 'acct'], '').indexOf('@') === -1;
const isIndexable = !status.getIn(['account', 'noindex']);
const isLocal = status.getIn(["account", "acct"], "").indexOf("@") === -1;
const isIndexable = !status.getIn(["account", "noindex"]);
const handlers = {
moveUp: this.handleHotkeyMoveUp,
@@ -722,18 +727,18 @@ class Status extends ImmutablePureComponent {
showBackButton
multiColumn={multiColumn}
extraButton={(
<button type='button' className='column-header__button' title={intl.formatMessage(!isExpanded ? messages.revealAll : messages.hideAll)} aria-label={intl.formatMessage(!isExpanded ? messages.revealAll : messages.hideAll)} onClick={this.handleToggleAll}><Icon id={!isExpanded ? 'eye-slash' : 'eye'} /></button>
<button type='button' className='column-header__button' title={intl.formatMessage(!isExpanded ? messages.revealAll : messages.hideAll)} aria-label={intl.formatMessage(!isExpanded ? messages.revealAll : messages.hideAll)} onClick={this.handleToggleAll}><Icon id={!isExpanded ? "eye-slash" : "eye"} /></button>
)}
/>
<ScrollContainer scrollKey='thread' shouldUpdateScroll={this.shouldUpdateScroll}>
<div className={classNames('scrollable', { fullscreen })} ref={this.setRef}>
<div className={classNames("scrollable", { fullscreen })} ref={this.setRef}>
{ancestors}
<HotKeys handlers={handlers}>
<div className={classNames('focusable', 'detailed-status__wrapper', `detailed-status__wrapper-${status.get('visibility')}`)} tabIndex={0} aria-label={textForScreenReader(intl, status, false, isExpanded)}>
<div className={classNames("focusable", "detailed-status__wrapper", `detailed-status__wrapper-${status.get("visibility")}`)} tabIndex={0} aria-label={textForScreenReader(intl, status, false, isExpanded)}>
<DetailedStatus
key={`details-${status.get('id')}`}
key={`details-${status.get("id")}`}
status={status}
settings={settings}
onOpenVideo={this.handleOpenVideo}
@@ -748,7 +753,7 @@ class Status extends ImmutablePureComponent {
/>
<ActionBar
key={`action-bar-${status.get('id')}`}
key={`action-bar-${status.get("id")}`}
status={status}
onReply={this.handleReplyClick}
onFavourite={this.handleFavouriteClick}
@@ -774,8 +779,8 @@ class Status extends ImmutablePureComponent {
<Helmet>
<title>{titleFromStatus(intl, status)}</title>
<meta name='robots' content={(isLocal && isIndexable) ? 'all' : 'noindex'} />
<link rel='canonical' href={status.get('url')} />
<meta name='robots' content={(isLocal && isIndexable) ? "all" : "noindex"} />
<link rel='canonical' href={status.get("url")} />
</Helmet>
</Column>
);