Add ignore user confirmation dialog

src/components/views/right_panel/UserInfo.tsx

@@ -334,21 +334,34 @@ const UserOptionsSection: React.FC<{
  // Only allow the user to ignore the user if its not ourselves
  // same goes for jumping to read receipt
  if (!isMe) {
- const onIgnoreToggle = () => {
+ const unignore = () => {
  const ignoredUsers = cli.getIgnoredUsers();
- if (isIgnored) {
- const index = ignoredUsers.indexOf(member.userId);
- if (index !== -1) ignoredUsers.splice(index, 1);
- } else {
+ const index = ignoredUsers.indexOf(member.userId);
+ if (index !== -1) ignoredUsers.splice(index, 1);
+ cli.setIgnoredUsers(ignoredUsers);
+ };
+
+ const ignore = async () => {
+ const { finished } = Modal.createTrackedDialog('Ignore User', '', QuestionDialog, {
+ title: _t("Ignore %(user)s", { user: member.name }),
+ description: <div>
+ { _t("All messages and invites from this user will be hidden. " +
+ "Are you sure you want to ignore them?") }
+ </div>,
+ button: _t("Ignore"),
+ });
+ const [confirmed] = await finished;
+
+ if (confirmed) {
+ const ignoredUsers = cli.getIgnoredUsers();
  ignoredUsers.push(member.userId);
+ cli.setIgnoredUsers(ignoredUsers);
  }
-
- cli.setIgnoredUsers(ignoredUsers);
  };
 
  ignoreButton = (
  <AccessibleButton
- onClick={onIgnoreToggle}
+ onClick={isIgnored ? unignore : ignore}
  className={classNames("mx_UserInfo_field", {mx_UserInfo_destructive: !isIgnored})}
  >
  { isIgnored ? _t("Unignore") : _t("Ignore") }

src/i18n/strings/en_EN.json

@@ -1744,6 +1744,8 @@
  "%(count)s sessions|other": "%(count)s sessions",
  "%(count)s sessions|one": "%(count)s session",
  "Hide sessions": "Hide sessions",
+ "Ignore %(user)s": "Ignore %(user)s",
+ "All messages and invites from this user will be hidden. Are you sure you want to ignore them?": "All messages and invites from this user will be hidden. Are you sure you want to ignore them?",
  "Jump to read receipt": "Jump to read receipt",
  "Mention": "Mention",
  "Invite": "Invite",