passbolt-styleguide 3.6.2 → 3.7.0-alpha1

package/src/react-extension/components/UserGroup/DeleteUserGroup/DeleteUserGroupWithConflicts.test.stories.js

@@ -8,7 +8,7 @@ import MockPort from "../../../test/mock/MockPort";
 
 
 export default {
-  title: 'Passbolt/UserGroup/DeleteUserGroupWithConflicts',
+  title: 'Passbolt Component/UserGroup/DeleteUserGroupWithConflicts',
   component: DeleteUserGroupWithConflicts
 };
 

package/src/react-extension/components/UserGroup/DisplayUserGroupDetails/DisplayUserGroupDetails.js

@@ -110,7 +110,7 @@ class DisplayUserGroupDetails extends React.Component {
             </h3>
             <a className="dialog-close button button-transparent" onClick={this.handleCloseClick}>
               <Icon name="close"/>
-              <span className="visuallyhidden">Close</span>
+              <span className="visuallyhidden"><Trans>Close</Trans></span>
             </a>
           </div>
         </div>

package/src/react-extension/components/UserGroup/DisplayUserGroupDetailsInformation/DisplayUserGroupDetailsInformation.test.stories.js

@@ -7,7 +7,7 @@ import {defaultAppContext} from "./DisplayUserGroupDetailsInformation.test.data"
 
 
 export default {
-  title: 'Passbolt/UserGroup/DisplayUserGroupDetailsInformation',
+  title: 'Passbolt Component/UserGroup/DisplayUserGroupDetailsInformation',
   component: DisplayUserGroupDetailsInformation
 };
 

package/src/react-extension/components/UserGroup/DisplayUserGroupDetailsMembers/DisplayUserGroupDetailsMembers.js

@@ -20,7 +20,7 @@ import {withAppContext} from "../../../contexts/AppContext";
 import DisplayUserGroupDetailsMembersGroupMember from "./DisplayUserGroupDetailsMembersGroupMember";
 import EditUserGroup from "../EditUserGroup/EditUserGroup";
 import {withDialog} from "../../../contexts/DialogContext";
-import {Trans, withTranslation} from "react-i18next";
+import {Trans} from "react-i18next";
 
 /**
  * This component displays the group details about members
@@ -90,14 +90,6 @@ class DisplayUserGroupDetailsMembers extends React.Component {
     return !this.props.context.users;
   }
 
-  /**
-   * Get the translate function
-   * @returns {function(...[*]=)}
-   */
-  get translate() {
-    return this.props.t;
-  }
-
   /**
    * Render the component
    */
@@ -107,7 +99,7 @@ class DisplayUserGroupDetailsMembers extends React.Component {
         <div className="accordion-header">
           <h4>
             <a onClick={this.handleTitleClicked}  role="button">
-              <Trans>Group Members</Trans>
+              <Trans>Group members</Trans>
               {this.state.open && <Icon name="caret-down"/>}
               {!this.state.open && <Icon name="caret-right"/>}
             </a>
@@ -116,7 +108,7 @@ class DisplayUserGroupDetailsMembers extends React.Component {
         <div className="accordion-content">
           <a className="section-action button button-transparent" onClick={this.handleEditGroup}>
             <Icon name="edit"/>
-            <span className="visuallyhidden">Edit</span>
+            <span className="visuallyhidden"><Trans>Edit</Trans></span>
           </a>
           {this.isLoading() &&
           <div className="processing-wrapper">
@@ -145,7 +137,6 @@ DisplayUserGroupDetailsMembers.propTypes = {
   context: PropTypes.any, // The application context
   userWorkspaceContext: PropTypes.object, // The user workspace context
   dialogContext: PropTypes.object, // The dialog context
-  t: PropTypes.func, // The translation function
 };
 
-export default withAppContext(withDialog(withUserWorkspace(withTranslation('common')(DisplayUserGroupDetailsMembers))));
+export default withAppContext(withDialog(withUserWorkspace(DisplayUserGroupDetailsMembers)));

package/src/react-extension/components/UserGroup/DisplayUserGroupDetailsMembers/DisplayUserGroupDetailsMembers.test.stories.js

@@ -7,7 +7,7 @@ import DisplayUserGroupDetailsMembers from "./DisplayUserGroupDetailsMembers";
 
 
 export default {
-  title: 'Passbolt/UserGroup/DisplayUserGroupDetailsMembers',
+  title: 'Passbolt Component/UserGroup/DisplayUserGroupDetailsMembers',
   component: DisplayUserGroupDetailsMembers
 };
 

package/src/react-extension/components/UserGroup/DisplayUserGroupDetailsMembers/DisplayUserGroupDetailsMembersGroupMember.js

@@ -46,14 +46,6 @@ class DisplayUserGroupDetailsMembersGroupMember extends React.Component {
     return this.props.context.userSettings.getTrustedDomain();
   }
 
-  /**
-   * Get the translate function
-   * @returns {function(...[*]=)}
-   */
-  get translate() {
-    return this.props.t;
-  }
-
   /**
    * Render the component
    */
@@ -65,7 +57,7 @@ class DisplayUserGroupDetailsMembersGroupMember extends React.Component {
         <div className="content-wrapper">
           <div className="content">
             <div className="name">{`${this.user.profile.first_name} ${this.user.profile.last_name}`}</div>
-            <div className="subinfo">{this.translate(this.roleName)}</div>
+            <div className="subinfo">{this.props.t(this.roleName)}</div>
           </div>
         </div>
         <UserAvatar