update translation

scm-ui/public/locales/en/users.json

@@ -26,5 +26,17 @@
   },
   "user-form": {
     "submit": "Submit"
+  },
+  "add-user": {
+    "title": "Create User",
+    "subtitle": "Create a new user"
+  },
+  "single-user": {
+    "error-title": "Error",
+    "error-subtitle": "Unknown user error",
+    "navigation-label": "Navigation",
+    "actions-label": "Actions",
+    "information-label": "Information",
+    "back-label": "Back"
   }
 }

scm-ui/src/users/containers/AddUser.js

@@ -6,8 +6,10 @@ import type { User } from "../types/User";
 import type { History } from "history";
 import { createUser } from "../modules/users";
 import { Page } from "../../components/layout";
+import { translate } from "react-i18next";
 
 type Props = {
+  t: string => string,
   addUser: (user: User, callback?: () => void) => void,
   loading?: boolean,
   error?: Error,
@@ -25,13 +27,12 @@ class AddUser extends React.Component<Props> {
   };
 
   render() {
-    const { loading, error } = this.props;
+    const { t, loading, error } = this.props;
 
-    // TODO i18n
     return (
       <Page
-        title="Create User"
-        subtitle="Create a new user"
+        title={t("add-user.title")}
+        subtitle={t("add-user.subtitle")}
         loading={loading}
         error={error}
       >
@@ -59,4 +60,4 @@ const mapStateToProps = (state, ownProps) => {
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(AddUser);
+)(translate("users")(AddUser));

scm-ui/src/users/containers/SingleUser.js

@@ -14,8 +14,11 @@ import Loading from "../../components/Loading";
 import { Navigation, Section, NavLink } from "../../components/navigation";
 import { DeleteUserNavLink, EditUserNavLink } from "./../components/navLinks";
 import ErrorPage from "../../components/ErrorPage";
+import { translate } from "react-i18next";
+
 
 type Props = {
+  t: string => string,
   name: string,
   userEntry?: UserEntry,
   match: any,
@@ -49,7 +52,7 @@ class SingleUser extends React.Component<Props> {
   };
 
   render() {
-    const { userEntry } = this.props;
+    const { t, userEntry } = this.props;
 
     if (!userEntry || userEntry.loading) {
       return <Loading />;
@@ -58,8 +61,8 @@ class SingleUser extends React.Component<Props> {
     if (userEntry.error) {
       return (
         <ErrorPage
-          title="Error"
-          subtitle="Unknown user error"
+          title={t("single-user.error-title")}
+          subtitle={t("single-user.error-subtitle")}
           error={userEntry.error}
         />
       );
@@ -68,8 +71,6 @@ class SingleUser extends React.Component<Props> {
     const user = userEntry.entry;
     const url = this.matchedUrl();
 
-    // TODO i18n
-
     return (
       <Page title={user.displayName}>
         <div className="columns">
@@ -82,13 +83,13 @@ class SingleUser extends React.Component<Props> {
           </div>
           <div className="column">
             <Navigation>
-              <Section label="Navigation">
-                <NavLink to={`${url}`} label="Information" />
+              <Section label={t("single-user.navigation-label")}>
+                <NavLink to={`${url}`} label={t("single-user.information-label")} />
                 <EditUserNavLink user={user} editUrl={`${url}/edit`} />
               </Section>
-              <Section label="Actions">
+              <Section label={t("single-user.actions-label")}>
                 <DeleteUserNavLink user={user} deleteUser={this.deleteUser} />
-                <NavLink to="/users" label="Back" />
+                <NavLink to="/users" label={t("single-user.back-label")} />
               </Section>
             </Navigation>
           </div>
@@ -125,4 +126,4 @@ const mapDispatchToProps = dispatch => {
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(SingleUser);
+)(translate("users")(SingleUser));