Client: Components: Dialogs: init ReportDialog
This commit is contained in:
parent
910666ce99
commit
7e871c1541
62
packages/client/src/components/dialogs/ReportDialog/index.js
Normal file
62
packages/client/src/components/dialogs/ReportDialog/index.js
Normal file
@ -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));
|
@ -29,6 +29,7 @@ import LogoutConnectionDialog from "./LogoutConnectionDialog";
|
|||||||
import LogoutAllConnectionDialog from "./LogoutAllConnectionDialog";
|
import LogoutAllConnectionDialog from "./LogoutAllConnectionDialog";
|
||||||
import CreateRoomConfirmDialog from "./CreateRoomConfirmDialog";
|
import CreateRoomConfirmDialog from "./CreateRoomConfirmDialog";
|
||||||
import PortalRenamingDialog from "./PortalRenamingDialog";
|
import PortalRenamingDialog from "./PortalRenamingDialog";
|
||||||
|
import ReportDialog from "./ReportDialog";
|
||||||
|
|
||||||
export {
|
export {
|
||||||
EmptyTrashDialog,
|
EmptyTrashDialog,
|
||||||
@ -62,4 +63,5 @@ export {
|
|||||||
InviteUsersWarningDialog,
|
InviteUsersWarningDialog,
|
||||||
LogoutAllConnectionDialog,
|
LogoutAllConnectionDialog,
|
||||||
PortalRenamingDialog,
|
PortalRenamingDialog,
|
||||||
|
ReportDialog,
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user