Apply prettier formatting
This commit is contained in:
Michael Weimann
parent
1cac306093
commit
526645c791
1576 changed files with 65385 additions and 62478 deletions
|
|
@ -14,15 +14,15 @@ See the License for the specific language governing permissions and
|
|||
limitations under the License.
|
||||
*/
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import React, { useState } from "react";
|
||||
import { logger } from "matrix-js-sdk/src/logger";
|
||||
import { MatrixClient } from 'matrix-js-sdk/src/client';
|
||||
import { RoomMember } from 'matrix-js-sdk/src/models/room-member';
|
||||
import { Room } from 'matrix-js-sdk/src/models/room';
|
||||
import { EventTimeline } from 'matrix-js-sdk/src/models/event-timeline';
|
||||
import { MatrixClient } from "matrix-js-sdk/src/client";
|
||||
import { RoomMember } from "matrix-js-sdk/src/models/room-member";
|
||||
import { Room } from "matrix-js-sdk/src/models/room";
|
||||
import { EventTimeline } from "matrix-js-sdk/src/models/event-timeline";
|
||||
import { EventType } from "matrix-js-sdk/src/@types/event";
|
||||
|
||||
import { _t } from '../../../languageHandler';
|
||||
import { _t } from "../../../languageHandler";
|
||||
import dis from "../../../dispatcher/dispatcher";
|
||||
import { Action } from "../../../dispatcher/actions";
|
||||
import { IDialogProps } from "./IDialogProps";
|
||||
|
|
@ -37,38 +37,45 @@ interface IBulkRedactDialogProps extends IDialogProps {
|
|||
member: RoomMember;
|
||||
}
|
||||
|
||||
const BulkRedactDialog: React.FC<IBulkRedactDialogProps> = props => {
|
||||
const BulkRedactDialog: React.FC<IBulkRedactDialogProps> = (props) => {
|
||||
const { matrixClient: cli, room, member, onFinished } = props;
|
||||
const [keepStateEvents, setKeepStateEvents] = useState(true);
|
||||
|
||||
let timeline = room.getLiveTimeline();
|
||||
let eventsToRedact = [];
|
||||
while (timeline) {
|
||||
eventsToRedact = [...eventsToRedact, ...timeline.getEvents().filter(event =>
|
||||
event.getSender() === member.userId &&
|
||||
!event.isRedacted() && !event.isRedaction() &&
|
||||
event.getType() !== EventType.RoomCreate &&
|
||||
// Don't redact ACLs because that'll obliterate the room
|
||||
// See https://github.com/matrix-org/synapse/issues/4042 for details.
|
||||
event.getType() !== EventType.RoomServerAcl &&
|
||||
// Redacting encryption events is equally bad
|
||||
event.getType() !== EventType.RoomEncryption,
|
||||
)];
|
||||
eventsToRedact = [
|
||||
...eventsToRedact,
|
||||
...timeline.getEvents().filter(
|
||||
(event) =>
|
||||
event.getSender() === member.userId &&
|
||||
!event.isRedacted() &&
|
||||
!event.isRedaction() &&
|
||||
event.getType() !== EventType.RoomCreate &&
|
||||
// Don't redact ACLs because that'll obliterate the room
|
||||
// See https://github.com/matrix-org/synapse/issues/4042 for details.
|
||||
event.getType() !== EventType.RoomServerAcl &&
|
||||
// Redacting encryption events is equally bad
|
||||
event.getType() !== EventType.RoomEncryption,
|
||||
),
|
||||
];
|
||||
timeline = timeline.getNeighbouringTimeline(EventTimeline.BACKWARDS);
|
||||
}
|
||||
|
||||
if (eventsToRedact.length === 0) {
|
||||
return <InfoDialog
|
||||
onFinished={onFinished}
|
||||
title={_t("No recent messages by %(user)s found", { user: member.name })}
|
||||
description={
|
||||
<div>
|
||||
<p>{ _t("Try scrolling up in the timeline to see if there are any earlier ones.") }</p>
|
||||
</div>
|
||||
}
|
||||
/>;
|
||||
return (
|
||||
<InfoDialog
|
||||
onFinished={onFinished}
|
||||
title={_t("No recent messages by %(user)s found", { user: member.name })}
|
||||
description={
|
||||
<div>
|
||||
<p>{_t("Try scrolling up in the timeline to see if there are any earlier ones.")}</p>
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
);
|
||||
} else {
|
||||
eventsToRedact = eventsToRedact.filter(event => !(keepStateEvents && event.isState()));
|
||||
eventsToRedact = eventsToRedact.filter((event) => !(keepStateEvents && event.isState()));
|
||||
const count = eventsToRedact.length;
|
||||
const user = member.name;
|
||||
|
||||
|
|
@ -82,15 +89,17 @@ const BulkRedactDialog: React.FC<IBulkRedactDialogProps> = props => {
|
|||
// Submitting a large number of redactions freezes the UI,
|
||||
// so first yield to allow to rerender after closing the dialog.
|
||||
await Promise.resolve();
|
||||
await Promise.all(eventsToRedact.reverse().map(async event => {
|
||||
try {
|
||||
await cli.redactEvent(room.roomId, event.getId());
|
||||
} catch (err) {
|
||||
// log and swallow errors
|
||||
logger.error("Could not redact", event.getId());
|
||||
logger.error(err);
|
||||
}
|
||||
}));
|
||||
await Promise.all(
|
||||
eventsToRedact.reverse().map(async (event) => {
|
||||
try {
|
||||
await cli.redactEvent(room.roomId, event.getId());
|
||||
} catch (err) {
|
||||
// log and swallow errors
|
||||
logger.error("Could not redact", event.getId());
|
||||
logger.error(err);
|
||||
}
|
||||
}),
|
||||
);
|
||||
|
||||
logger.info(`Finished redacting recent ${count} messages for ${member.userId} in ${room.roomId}`);
|
||||
dis.dispatch({
|
||||
|
|
@ -99,37 +108,50 @@ const BulkRedactDialog: React.FC<IBulkRedactDialogProps> = props => {
|
|||
});
|
||||
};
|
||||
|
||||
return <BaseDialog
|
||||
className="mx_BulkRedactDialog"
|
||||
onFinished={onFinished}
|
||||
title={_t("Remove recent messages by %(user)s", { user })}
|
||||
contentId="mx_Dialog_content"
|
||||
>
|
||||
<div className="mx_Dialog_content" id="mx_Dialog_content">
|
||||
<p>{ _t("You are about to remove %(count)s messages by %(user)s. " +
|
||||
"This will remove them permanently for everyone in the conversation. " +
|
||||
"Do you wish to continue?", { count, user }) }</p>
|
||||
<p>{ _t("For a large amount of messages, this might take some time. " +
|
||||
"Please don't refresh your client in the meantime.") }</p>
|
||||
<StyledCheckbox
|
||||
checked={keepStateEvents}
|
||||
onChange={e => setKeepStateEvents(e.target.checked)}
|
||||
>
|
||||
{ _t("Preserve system messages") }
|
||||
</StyledCheckbox>
|
||||
<div className="mx_BulkRedactDialog_checkboxMicrocopy">
|
||||
{ _t("Uncheck if you also want to remove system messages on this user " +
|
||||
"(e.g. membership change, profile change…)") }
|
||||
return (
|
||||
<BaseDialog
|
||||
className="mx_BulkRedactDialog"
|
||||
onFinished={onFinished}
|
||||
title={_t("Remove recent messages by %(user)s", { user })}
|
||||
contentId="mx_Dialog_content"
|
||||
>
|
||||
<div className="mx_Dialog_content" id="mx_Dialog_content">
|
||||
<p>
|
||||
{_t(
|
||||
"You are about to remove %(count)s messages by %(user)s. " +
|
||||
"This will remove them permanently for everyone in the conversation. " +
|
||||
"Do you wish to continue?",
|
||||
{ count, user },
|
||||
)}
|
||||
</p>
|
||||
<p>
|
||||
{_t(
|
||||
"For a large amount of messages, this might take some time. " +
|
||||
"Please don't refresh your client in the meantime.",
|
||||
)}
|
||||
</p>
|
||||
<StyledCheckbox checked={keepStateEvents} onChange={(e) => setKeepStateEvents(e.target.checked)}>
|
||||
{_t("Preserve system messages")}
|
||||
</StyledCheckbox>
|
||||
<div className="mx_BulkRedactDialog_checkboxMicrocopy">
|
||||
{_t(
|
||||
"Uncheck if you also want to remove system messages on this user " +
|
||||
"(e.g. membership change, profile change…)",
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<DialogButtons
|
||||
primaryButton={_t("Remove %(count)s messages", { count })}
|
||||
primaryButtonClass="danger"
|
||||
primaryDisabled={count === 0}
|
||||
onPrimaryButtonClick={() => { setImmediate(redact); onFinished(true); }}
|
||||
onCancel={() => onFinished(false)}
|
||||
/>
|
||||
</BaseDialog>;
|
||||
<DialogButtons
|
||||
primaryButton={_t("Remove %(count)s messages", { count })}
|
||||
primaryButtonClass="danger"
|
||||
primaryDisabled={count === 0}
|
||||
onPrimaryButtonClick={() => {
|
||||
setImmediate(redact);
|
||||
onFinished(true);
|
||||
}}
|
||||
onCancel={() => onFinished(false)}
|
||||
/>
|
||||
</BaseDialog>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue