Client: Components: Dialogs: init ReportDialog

packages/client/src/components/dialogs/ReportDialog/index.js

@@ -0,0 +1,62 @@
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { inject, observer } from "mobx-react";
+
+import ModalDialog from "@docspace/components/modal-dialog";
+import Text from "@docspace/components/text";
+import Button from "@docspace/components/button";
+
+import ModalDialogContainer from "../ModalDialogContainer";
+
+import { getCrashReport } from "SRC_DIR/helpers/crashReport";
+
+const ReportDialog = (props) => {
+  const { t, ready } = useTranslation(["Common"]);
+  const { visible, onClose, error, user, version } = props;
+
+  useEffect(() => {
+    const report = getCrashReport(user.id, version, user.cultureName, error);
+    console.log(report);
+  }, []);
+
+  return (
+    <ModalDialogContainer
+      isLoading={!ready}
+      visible={visible}
+      onClose={onClose}
+      displayType="modal"
+    >
+      <ModalDialog.Header>{"Error report"}</ModalDialog.Header>
+      <ModalDialog.Body>
+        <Text>description</Text>
+      </ModalDialog.Body>
+      <ModalDialog.Footer>
+        <Button
+          key="SendButton"
+          label={t("SendButton")}
+          size="normal"
+          primary
+          scale
+        />
+        <Button
+          key="CancelButton"
+          label={t("CancelButton")}
+          size="normal"
+          scale
+          onClick={onClose}
+        />
+      </ModalDialog.Footer>
+    </ModalDialogContainer>
+  );
+};
+
+export default inject(({ auth }) => {
+  const { user } = auth.userStore;
+  const { firebaseHelper } = auth.settingsStore;
+
+  return {
+    user,
+    version: auth.version,
+    FirebaseHelper: firebaseHelper,
+  };
+})(observer(ReportDialog));

packages/client/src/components/dialogs/index.js

@@ -29,6 +29,7 @@ import LogoutConnectionDialog from "./LogoutConnectionDialog";
 import LogoutAllConnectionDialog from "./LogoutAllConnectionDialog";
 import CreateRoomConfirmDialog from "./CreateRoomConfirmDialog";
 import PortalRenamingDialog from "./PortalRenamingDialog";
+import ReportDialog from "./ReportDialog";
 
 export {
   EmptyTrashDialog,
@@ -62,4 +63,5 @@ export {
   InviteUsersWarningDialog,
   LogoutAllConnectionDialog,
   PortalRenamingDialog,
+  ReportDialog,
 };