Add ignore user confirmation dialog

src/components/views/right_panel/UserInfo.tsx

@@ -370,21 +370,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

@@ -1975,6 +1975,8 @@
     "%(count)s sessions|one": "%(count)s session",
     "Hide sessions": "Hide sessions",
     "Message": "Message",
+    "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",
     "Share Link to User": "Share Link to User",