feat(modal): add report success modal (also allows blocking user)

src/controllers/modals/ModalController.tsx

@@ -42,6 +42,7 @@ import ModifyAccount from "./components/ModifyAccount";
 import OutOfDate from "./components/OutOfDate";
 import PendingFriendRequests from "./components/PendingFriendRequests";
 import ReportContent from "./components/Report";
+import ReportSuccess from "./components/ReportSuccess";
 import ServerIdentity from "./components/ServerIdentity";
 import ServerInfo from "./components/ServerInfo";
 import ShowToken from "./components/ShowToken";
@@ -278,4 +279,5 @@ export const modalController = new ModalControllerExtended({
     user_picker: UserPicker,
     user_profile: UserProfile,
     report: ReportContent,
+    report_success: ReportSuccess,
 });

src/controllers/modals/components/Report.tsx

@@ -8,6 +8,7 @@ import { ModalForm, Row } from "@revoltchat/ui";
 import Message from "../../../components/common/messaging/Message";
 import UserShort from "../../../components/common/user/UserShort";
 import { useClient } from "../../client/ClientController";
+import { modalController } from "../ModalController";
 import { ModalProps } from "../types";
 
 const CONTENT_REASONS: API.ContentReportReason[] = [
@@ -126,6 +127,16 @@ export default function ReportContent({
                     },
                     additional_context,
                 });
+
+                modalController.push({
+                    type: "report_success",
+                    user:
+                        target instanceof MessageInterface
+                            ? target.author
+                            : target instanceof User
+                            ? target
+                            : undefined,
+                });
             }}
             submit={{
                 children: <Text id="app.special.modals.actions.report" />,

src/controllers/modals/components/ReportSuccess.tsx

@@ -0,0 +1,65 @@
+import { Text } from "preact-i18n";
+
+import { Modal } from "@revoltchat/ui";
+
+import { noopTrue } from "../../../lib/js";
+
+import { ModalProps } from "../types";
+
+/**
+ * Report success modal
+ */
+export default function ReportSuccess({
+    user,
+    ...props
+}: ModalProps<"report_success">) {
+    return (
+        <Modal
+            {...props}
+            title={<Text id="app.special.modals.report.reported" />}
+            description={
+                <>
+                    <Text id="app.special.modals.report.thank_you" />
+                    {user && (
+                        <>
+                            <br />
+                            <br />
+                            <Text id="app.special.modals.report.block_user" />
+                        </>
+                    )}
+                </>
+            }
+            actions={
+                user
+                    ? [
+                          {
+                              palette: "plain",
+                              onClick: async () => {
+                                  user.blockUser();
+                                  return true;
+                              },
+                              children: (
+                                  <Text id="app.special.modals.actions.block" />
+                              ),
+                          },
+                          {
+                              palette: "plain-secondary",
+                              onClick: noopTrue,
+                              children: (
+                                  <Text id="app.special.modals.actions.dont_block" />
+                              ),
+                          },
+                      ]
+                    : [
+                          {
+                              palette: "plain",
+                              onClick: noopTrue,
+                              children: (
+                                  <Text id="app.special.modals.actions.done" />
+                              ),
+                          },
+                      ]
+            }
+        />
+    );
+}

src/controllers/modals/types.ts

@@ -183,6 +183,10 @@ export type Modal = {
           type: "report";
           target: Server | User | Message;
       }
+    | {
+          type: "report_success";
+          user?: User;
+      }
 );
 
 export type ModalProps<T extends Modal["type"]> = Modal & { type: T } & {