From 0244d97007b87fb9726bd9ebadd73853617a7cfb Mon Sep 17 00:00:00 2001
From: Artem Tarasov <artem.tarasov@onlyoffice.com>
Date: Tue, 6 Oct 2020 13:29:11 +0300
Subject: [PATCH] Web: People: rename component LeaveFormDialog to
 DataLossWarningDialog, action setIsVisibleModalLeave to
 setIsVisibleDataLossDialog

---
 .../src/components/Article/Body/index.js      |  8 ++--
 .../index.js                                  | 42 ++++++++++---------
 .../locales/en/translation.json               |  6 +++
 .../locales/ru/translation.json               |  6 +++
 .../locales/en/translation.json               |  6 ---
 .../locales/ru/translation.json               |  6 ---
 .../Client/src/components/dialogs/index.js    |  4 +-
 .../Section/Body/createUserForm.js            | 12 +++---
 .../Section/Body/updateUserForm.js            | 12 +++---
 .../ProfileAction/Section/Header/index.js     | 13 +++---
 .../Client/src/store/people/actions.js        |  7 ++--
 .../Client/src/store/people/reducers.js       |  8 ++--
 12 files changed, 67 insertions(+), 63 deletions(-)
 rename products/ASC.People/Client/src/components/dialogs/{LeaveFormDialog => DataLossWarningDialog}/index.js (65%)
 create mode 100644 products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/en/translation.json
 create mode 100644 products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/ru/translation.json
 delete mode 100644 products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/en/translation.json
 delete mode 100644 products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/ru/translation.json

diff --git a/products/ASC.People/Client/src/components/Article/Body/index.js b/products/ASC.People/Client/src/components/Article/Body/index.js
index ca577ad9c6..b0cfbb9f5c 100644
--- a/products/ASC.People/Client/src/components/Article/Body/index.js
+++ b/products/ASC.People/Client/src/components/Article/Body/index.js
@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 import { utils, TreeMenu, TreeNode, Icons, Link } from "asc-web-components";
 import {
   selectGroup,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
 } from "../../../store/people/actions";
 import { getSelectedGroup } from "../../../store/people/selectors";
 import { withTranslation, I18nextProvider } from "react-i18next";
@@ -103,10 +103,10 @@ class ArticleBodyContent extends React.Component {
     return false;
   }
   onSelectHandler = (data) => {
-    const { editingForm, setIsVisibleModalLeave } = this.props;
+    const { editingForm, setIsVisibleDataLossDialog } = this.props;
 
     if (editingForm.isEdit) {
-      setIsVisibleModalLeave(true, this.onSelect(data));
+      setIsVisibleDataLossDialog(true, this.onSelect(data));
     } else {
       this.onSelect(data)();
     }
@@ -244,5 +244,5 @@ function mapStateToProps(state) {
 
 export default connect(mapStateToProps, {
   selectGroup,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
 })(BodyContent);
diff --git a/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/index.js b/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/index.js
similarity index 65%
rename from products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/index.js
rename to products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/index.js
index db3091a73a..0f04729fad 100644
--- a/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/index.js
+++ b/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/index.js
@@ -7,37 +7,37 @@ import { utils } from "asc-web-common";
 import ModalDialogContainer from "../ModalDialogContainer";
 import { createI18N } from "../../../helpers/i18n";
 import {
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
   setIsEditingForm,
 } from "../../../store/people/actions";
 
 const i18n = createI18N({
-  page: "LeaveFormDialog",
-  localesPath: "dialogs/LeaveFormDialog",
+  page: "DataLossWarningDialog",
+  localesPath: "dialogs/DataLossWarningDialog",
 });
 
 const { changeLanguage } = utils;
 
-class LeaveFormDialogComponent extends React.Component {
+class DataLossWarningDialogComponent extends React.Component {
   constructor(props) {
     super(props);
     changeLanguage(i18n);
   }
 
   onClose = () => {
-    const { setIsVisibleModalLeave } = this.props;
-    setIsVisibleModalLeave(false);
+    const { setIsVisibleDataLossDialog } = this.props;
+    setIsVisibleDataLossDialog(false);
   };
 
   onSubmit = () => {
     const {
       onContinue,
-      setIsVisibleModalLeave,
+      setIsVisibleDataLossDialog,
       setIsEditingForm,
       editingForm,
     } = this.props;
 
-    setIsVisibleModalLeave(false, null);
+    setIsVisibleDataLossDialog(false, null);
     setIsEditingForm(false);
 
     if (editingForm.callback) {
@@ -52,17 +52,17 @@ class LeaveFormDialogComponent extends React.Component {
     return (
       <ModalDialogContainer>
         <ModalDialog
-          visible={editingForm.isVisibleModalLeave}
+          visible={editingForm.isVisibleDataLossDialog}
           onClose={this.onClose}
         >
-          <ModalDialog.Header>{t("LeaveDialogHeader")}</ModalDialog.Header>
+          <ModalDialog.Header>{t("DataLossWarningHeader")}</ModalDialog.Header>
           <ModalDialog.Body>
-            <Text fontSize="13px">{t("LeaveDialogBody")}</Text>
+            <Text fontSize="13px">{t("DataLossWarningBody")}</Text>
           </ModalDialog.Body>
           <ModalDialog.Footer>
             <Button
               key="LeaveForm"
-              label={t("LeaveDialogLeaveBtn")}
+              label={t("DataLossWarningLeaveBtn")}
               size="medium"
               primary={true}
               onClick={this.onSubmit}
@@ -70,7 +70,7 @@ class LeaveFormDialogComponent extends React.Component {
             <Button
               className="button-dialog"
               key="StayOnPage"
-              label={t("LeaveDialogCancelBtn")}
+              label={t("DataLossWarningCancelBtn")}
               size="medium"
               onClick={this.onClose}
             />
@@ -81,13 +81,15 @@ class LeaveFormDialogComponent extends React.Component {
   }
 }
 
-const LeaveFormDialogTranslated = withTranslation()(LeaveFormDialogComponent);
-
-const LeaveFormDialog = (props) => (
-  <LeaveFormDialogTranslated i18n={i18n} {...props} />
+const DataLossWarningDialogTranslated = withTranslation()(
+  DataLossWarningDialogComponent
 );
 
-LeaveFormDialog.propTypes = {
+const DataLossWarningDialog = (props) => (
+  <DataLossWarningDialogTranslated i18n={i18n} {...props} />
+);
+
+DataLossWarningDialog.propTypes = {
   editingForm: PropTypes.object.isRequired,
   onContinue: PropTypes.func.isRequired,
 };
@@ -99,6 +101,6 @@ function mapStateToProps(state) {
 }
 
 export default connect(mapStateToProps, {
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
   setIsEditingForm,
-})(LeaveFormDialog);
+})(DataLossWarningDialog);
diff --git a/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/en/translation.json b/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/en/translation.json
new file mode 100644
index 0000000000..b800a48a2e
--- /dev/null
+++ b/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/en/translation.json
@@ -0,0 +1,6 @@
+{
+  "DataLossWarningHeader": "Leave the page?",
+  "DataLossWarningBody": "Changes you made may not be saved.",
+  "DataLossWarningLeaveBtn": "Leave",
+  "DataLossWarningCancelBtn": "Cancel"
+}
diff --git a/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/ru/translation.json b/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/ru/translation.json
new file mode 100644
index 0000000000..3d777d0ae2
--- /dev/null
+++ b/products/ASC.People/Client/src/components/dialogs/DataLossWarningDialog/locales/ru/translation.json
@@ -0,0 +1,6 @@
+{
+  "DataLossWarningHeader": "Покинуть страницу?",
+  "DataLossWarningBody": "Внесенные вами изменения могут быть не сохранены.",
+  "DataLossWarningLeaveBtn": "Покинуть",
+  "DataLossWarningCancelBtn": "Отмена"
+}
diff --git a/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/en/translation.json b/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/en/translation.json
deleted file mode 100644
index 602517829b..0000000000
--- a/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/en/translation.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "LeaveDialogHeader": "Leave the page?",
-  "LeaveDialogBody": "Changes you made may not be saved.",
-  "LeaveDialogLeaveBtn": "Leave",
-  "LeaveDialogCancelBtn": "Cancel"
-}
diff --git a/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/ru/translation.json b/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/ru/translation.json
deleted file mode 100644
index c8079d3fcc..0000000000
--- a/products/ASC.People/Client/src/components/dialogs/LeaveFormDialog/locales/ru/translation.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "LeaveDialogHeader": "Покинуть страницу?",
-  "LeaveDialogBody": "Внесенные вами изменения могут быть не сохранены.",
-  "LeaveDialogLeaveBtn": "Покинуть",
-  "LeaveDialogCancelBtn": "Отмена"
-}
diff --git a/products/ASC.People/Client/src/components/dialogs/index.js b/products/ASC.People/Client/src/components/dialogs/index.js
index aa27b0bbd9..25c749ce54 100644
--- a/products/ASC.People/Client/src/components/dialogs/index.js
+++ b/products/ASC.People/Client/src/components/dialogs/index.js
@@ -8,7 +8,7 @@ import InviteDialog from "./InviteDialog";
 import SendInviteDialog from "./SendInviteDialog";
 import ChangeUserStatusDialog from "./ChangeUserStatusDialog";
 import ChangeUserTypeDialog from "./ChangeUserTypeDialog";
-import LeaveFormDialog from "./LeaveFormDialog";
+import DataLossWarningDialog from "./DataLossWarningDialog";
 
 export {
   ChangeEmailDialog,
@@ -21,5 +21,5 @@ export {
   SendInviteDialog,
   ChangeUserStatusDialog,
   ChangeUserTypeDialog,
-  LeaveFormDialog,
+  DataLossWarningDialog,
 };
diff --git a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js
index 54751c2fcb..350077872f 100644
--- a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js
+++ b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js
@@ -25,7 +25,7 @@ import {
 import {
   setFilter,
   updateProfileInUsers,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
   setIsEditingForm,
 } from "../../../../../store/people/actions";
 import {
@@ -41,7 +41,7 @@ import RadioField from "./FormFields/RadioField";
 import DepartmentField from "./FormFields/DepartmentField";
 import ContactsField from "./FormFields/ContactsField";
 import InfoFieldContainer from "./FormFields/InfoFieldContainer";
-import { LeaveFormDialog } from "../../../../dialogs";
+import { DataLossWarningDialog } from "../../../../dialogs";
 import { api, toastr } from "asc-web-common";
 const { createThumbnailsAvatar, loadAvatar } = api.people;
 
@@ -289,10 +289,10 @@ class CreateUserForm extends React.Component {
   }
 
   onCancelHandler() {
-    const { editingForm, setIsVisibleModalLeave } = this.props;
+    const { editingForm, setIsVisibleDataLossDialog } = this.props;
 
     if (editingForm.isEdit) {
-      setIsVisibleModalLeave(true);
+      setIsVisibleDataLossDialog(true);
     } else {
       this.onCancel();
     }
@@ -404,7 +404,7 @@ class CreateUserForm extends React.Component {
     return (
       <>
         <MainContainer>
-          <LeaveFormDialog onContinue={this.onCancel} />
+          <DataLossWarningDialog onContinue={this.onCancel} />
           <AvatarContainer>
             <Avatar
               size="max"
@@ -638,6 +638,6 @@ export default connect(mapStateToProps, {
   updateCreatedAvatar,
   setFilter,
   updateProfileInUsers,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
   setIsEditingForm,
 })(withRouter(withTranslation()(CreateUserForm)));
diff --git a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/updateUserForm.js b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/updateUserForm.js
index 08f8eb1a52..147afbb15d 100644
--- a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/updateUserForm.js
+++ b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/updateUserForm.js
@@ -27,7 +27,7 @@ import {
 import {
   setFilter,
   updateProfileInUsers,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
   setIsEditingForm,
 } from "../../../../../store/people/actions";
 import {
@@ -43,7 +43,7 @@ import DepartmentField from "./FormFields/DepartmentField";
 import ContactsField from "./FormFields/ContactsField";
 import InfoFieldContainer from "./FormFields/InfoFieldContainer";
 import styled from "styled-components";
-import { LeaveFormDialog } from "../../../../dialogs";
+import { DataLossWarningDialog } from "../../../../dialogs";
 import { api, toastr } from "asc-web-common";
 import {
   ChangeEmailDialog,
@@ -257,10 +257,10 @@ class UpdateUserForm extends React.Component {
       });
   }
   onCancelHandler() {
-    const { editingForm, setIsVisibleModalLeave } = this.props;
+    const { editingForm, setIsVisibleDataLossDialog } = this.props;
 
     if (editingForm.isEdit) {
-      setIsVisibleModalLeave(true);
+      setIsVisibleDataLossDialog(true);
     } else {
       this.onCancel();
     }
@@ -561,7 +561,7 @@ class UpdateUserForm extends React.Component {
     return (
       <>
         <MainContainer>
-          <LeaveFormDialog onContinue={this.onCancel} />
+          <DataLossWarningDialog onContinue={this.onCancel} />
           <AvatarContainer>
             <Avatar
               size="max"
@@ -838,7 +838,7 @@ export default connect(mapStateToProps, {
   updateProfile,
   fetchProfile,
   updateProfileInUsers,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
   setIsEditingForm,
   setFilter,
 })(withRouter(withTranslation()(UpdateUserForm)));
diff --git a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Header/index.js b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Header/index.js
index 4aabc6bd13..b79ed8d70e 100644
--- a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Header/index.js
+++ b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Header/index.js
@@ -7,7 +7,7 @@ import { Headline } from "asc-web-common";
 import { useTranslation } from "react-i18next";
 import {
   setFilter,
-  setIsVisibleModalLeave,
+  setIsVisibleDataLossDialog,
 } from "../../../../../store/people/actions";
 
 const Wrapper = styled.div`
@@ -35,7 +35,7 @@ const SectionHeaderContent = (props) => {
     filter,
     editingForm,
     setFilter,
-    setIsVisibleModalLeave,
+    setIsVisibleDataLossDialog,
   } = props;
   const { userCaption, guestCaption } = settings.customNames;
   const { type } = match.params;
@@ -51,7 +51,7 @@ const SectionHeaderContent = (props) => {
 
   const onClickBackHandler = () => {
     if (editingForm.isEdit) {
-      setIsVisibleModalLeave(true, onClickBack);
+      setIsVisibleDataLossDialog(true, onClickBack);
     } else {
       onClickBack();
     }
@@ -87,6 +87,7 @@ function mapStateToProps(state) {
   };
 }
 
-export default connect(mapStateToProps, { setFilter, setIsVisibleModalLeave })(
-  withRouter(SectionHeaderContent)
-);
+export default connect(mapStateToProps, {
+  setFilter,
+  setIsVisibleDataLossDialog,
+})(withRouter(SectionHeaderContent));
diff --git a/products/ASC.People/Client/src/store/people/actions.js b/products/ASC.People/Client/src/store/people/actions.js
index 39b4e9cb07..c6c99bbb38 100644
--- a/products/ASC.People/Client/src/store/people/actions.js
+++ b/products/ASC.People/Client/src/store/people/actions.js
@@ -26,7 +26,8 @@ export const SET_SELECTED = "SET_SELECTED";
 export const SET_FILTER = "SET_FILTER";
 export const SELECT_GROUP = "SELECT_GROUP";
 export const SET_SELECTOR_USERS = "SET_SELECTOR_USERS";
-export const SET_IS_VISIBLE_MODAL_LEAVE = "SET_IS_VISIBLE_MODAL_LEAVE";
+export const SET_IS_VISIBLE_DATA_LOSS_DIALOG =
+  "SET_IS_VISIBLE_DATA_LOSS_DIALOG";
 export const SET_IS_EDITING_FORM = "SET_IS_EDITING_FORM";
 
 export function setUser(user) {
@@ -143,9 +144,9 @@ export function setSelectorUsers(users) {
   };
 }
 
-export function setIsVisibleModalLeave(isVisible, callback) {
+export function setIsVisibleDataLossDialog(isVisible, callback) {
   return {
-    type: SET_IS_VISIBLE_MODAL_LEAVE,
+    type: SET_IS_VISIBLE_DATA_LOSS_DIALOG,
     isVisible,
     callback,
   };
diff --git a/products/ASC.People/Client/src/store/people/reducers.js b/products/ASC.People/Client/src/store/people/reducers.js
index 565f7d1668..cf478ebb87 100644
--- a/products/ASC.People/Client/src/store/people/reducers.js
+++ b/products/ASC.People/Client/src/store/people/reducers.js
@@ -9,7 +9,7 @@ import {
   SELECT_GROUP,
   SET_USER,
   SET_SELECTOR_USERS,
-  SET_IS_VISIBLE_MODAL_LEAVE,
+  SET_IS_VISIBLE_DATA_LOSS_DIALOG,
   SET_IS_EDITING_FORM,
 } from "./actions";
 import { isUserSelected, skipUser, getUsersBySelected } from "./selectors";
@@ -28,7 +28,7 @@ const initialState = {
   },
   editingForm: {
     isEdit: false,
-    isVisibleModalLeave: false,
+    isVisibleDataLossDialog: false,
   },
 };
 
@@ -83,11 +83,11 @@ const peopleReducer = (state = initialState, action) => {
           users: action.users,
         }),
       });
-    case SET_IS_VISIBLE_MODAL_LEAVE:
+    case SET_IS_VISIBLE_DATA_LOSS_DIALOG:
       return Object.assign({}, state, {
         editingForm: {
           ...state.editingForm,
-          isVisibleModalLeave: action.isVisible,
+          isVisibleDataLossDialog: action.isVisible,
           callback: action.callback,
         },
       });