translate users module

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

@@ -1,14 +1,17 @@
 // @flow
 import React from "react";
+import { translate } from "react-i18next";
 import type { User } from "../types/User";
 import InputField from "../../components/InputField";
 import Checkbox from "../../components/Checkbox";
 import SubmitButton from "../../components/SubmitButton";
+import Loading from "../../components/Loading";
 
 type Props = {
   submitForm: User => void,
   user?: User,
-  loading?: boolean
+  loading?: boolean,
+  t: string => string
 };
 
 class UserForm extends React.Component<Props, User> {
@@ -34,48 +37,52 @@ class UserForm extends React.Component<Props, User> {
   };
 
   render() {
+    const { t } = this.props;
     const user = this.state;
     if (user) {
       return (
         <div className="container">
           <form onSubmit={this.submit}>
             <InputField
-              label="Username"
+              label={t("user.name")}
               onChange={this.handleUsernameChange}
               value={user ? user.name : ""}
             />
             <InputField
-              label="Display Name"
+              label={t("user.displayName")}
               onChange={this.handleDisplayNameChange}
               value={user ? user.displayName : ""}
             />
             <InputField
-              label="E-Mail"
+              label={t("user.mail")}
               onChange={this.handleEmailChange}
               value={user ? user.mail : ""}
             />
             <InputField
-              label="Password"
+              label={t("user.password")}
               type="password"
               onChange={this.handlePasswordChange}
               value={user ? user.password : ""}
             />
             <Checkbox
-              label="Admin"
+              label={t("user.admin")}
               onChange={this.handleAdminChange}
               checked={user ? user.admin : false}
             />
             <Checkbox
-              label="Active"
+              label={t("user.active")}
               onChange={this.handleActiveChange}
               checked={user ? user.active : false}
             />
-            <SubmitButton label="Submit" loading={this.props.loading} />
+            <SubmitButton
+              label={t("user-form.submit")}
+              loading={this.props.loading}
+            />
           </form>
         </div>
       );
     } else {
-      return <div>Loading...</div>;
+      return <Loading />;
     }
   }
 
@@ -104,4 +111,4 @@ class UserForm extends React.Component<Props, User> {
   };
 }
 
-export default UserForm;
+export default translate("users")(UserForm);