Web: People: translated existing words in current version, Header [EN]

products/ASC.People/Client/public/locales/en/PeopleResource.json

@@ -1,4 +1,13 @@
 {
+  "ShowOnPage": "{{count}} per page",
+  "DeleteButton": "Delete",
+  "ImportPeople": "Import People",
+  "LblRemoveData": "Delete personal data",
+  "LblReassignData": "Reassign data",
+  "LblDeleteProfile": "Delete profile",
+  "EnableUserButton": "Enable",
+  "LblEdit": "Edit",
+  
   "AccessRightsSettings": "Portal Access Rights",
   "Actions": "Actions",
   "AddButton": "Add",
@@ -25,7 +34,6 @@
   "Confirmation": "Confirmation",
   "CreateNewProfile": "Create New User",
   "DeleteBtnHint": "Only users or guests with the 'Disabled' status can be deleted",
-  "DeleteButton": "Delete",
   "DeleteProfileAfterReassignment": "Delete profile when reassignment is finished",
   "DeleteUserProfiles": "Delete the users from portal",
   "DeleteUsersDataConfirmation": "Personal documents of these users which are available to others will be deleted. To avoid this, you must start the data transfer process before deleting.",
@@ -38,7 +46,6 @@
   "EditButton": "Edit",
   "EditImage": "Edit Image",
   "Email": "Email",
-  "EnableUserButton": "Enable",
   "EnableUserHelp": "The {!user} will be displayed as active again",
   "ErrorEmptyName": "Enter a name",
   "ErrorEmptyUploadFileSelected": "The uploaded file could not be found",
@@ -63,7 +70,6 @@
   "ImportFromFile": "From File",
   "ImportFromGoogle": "Google",
   "ImportFromYahoo": "Yahoo",
-  "ImportPeople": "Import People",
   "ImportSeparatorColon": "Colon",
   "ImportSeparatorComma": "Comma",
   "ImportSeparatorSemicolon": "Semicolon",
@@ -82,16 +88,12 @@
   "LblChangeEmail": "Change email",
   "LblChangePassword": "Change password",
   "LblCreateNew": "Create",
-  "LblDeleteProfile": "Delete profile",
-  "LblEdit": "Edit",
   "LblImportAccounts": "Import accounts",
   "LblMobilePhone": "Primary Mobile Phone",
   "LblOKButton": "OK",
   "LblOther": "Other",
   "LblPassword": "Password",
   "LblPending": "Pending",
-  "LblReassignData": "Reassign data",
-  "LblRemoveData": "Delete personal data",
   "LblResendInvites": "Send invitations once again",
   "LblSendActivation": "Send activation link once again",
   "LblSendEmail": "Send email",
@@ -161,7 +163,6 @@
   "SelectedCount": "{0} selected",
   "Settings": "Settings",
   "Show": "Show",
-  "ShowOnPage": "Show on page",
   "ShowSelectedUserList": "View the selected users list",
   "SocialProfiles": "Social Profiles",
   "SuccessfullyDeleteUserInfoMessage": "User has been successfully deleted",

products/ASC.People/Client/src/components/pages/Home/Section/Header/index.js

@@ -3,8 +3,9 @@ import { GroupButtonsMenu, DropDownItem, Text, toastr, ContextMenuButton } from
 import { connect } from 'react-redux';
 import { getSelectedGroup } from '../../../../../store/people/selectors';
 import { isAdmin } from '../../../../../store/auth/selectors';
+import { withTranslation } from 'react-i18next';
 
-const getPeopleItems = (onSelect) => [
+const getPeopleItems = (onSelect, t) => [
     {
       label: "Select",
       isDropdown: true,
@@ -43,7 +44,7 @@ const getPeopleItems = (onSelect) => [
       onClick: toastr.success.bind(this, "Send e-mail action")
     },
     {
-      label: "Delete",
+      label: t('PeopleResource:DeleteButton'),
       onClick: toastr.success.bind(this, "Delete action")
     }
   ];
@@ -76,10 +77,11 @@ const SectionHeaderContent = React.memo(({
     onSelect,
     onClose,
     group,
-    isAdmin
+    isAdmin,
+    t
   }) => {
     console.log("SectionHeaderContent render");
-    const menuItems = getPeopleItems(onSelect);
+    const menuItems = getPeopleItems(onSelect, t);
     return (
     isHeaderVisible ? (
       <div style={{ margin: "0 -16px" }}>
@@ -92,7 +94,7 @@ const SectionHeaderContent = React.memo(({
           moreLabel="More"
           closeTitle="Close"
           onClose={onClose}
-          selected={getPeopleItems(onSelect)[0].label}
+          selected={getPeopleItems(onSelect, t)[0].label}
         />
       </div>
     ) : (
@@ -122,4 +124,4 @@ const SectionHeaderContent = React.memo(({
     }
   }
 
-export default connect(mapStateToProps)(SectionHeaderContent);
+export default connect(mapStateToProps)(withTranslation()(SectionHeaderContent));