Cleanup create realm. (#199)

src/common-messages.json

@@ -49,6 +49,8 @@
     "identityProviders": "Identity providers",
     "userFederation": "User federation",
 
-    "required": "Required field"
+    "required": "Required field",
+
+    "createRealm": "Create Realm"
   }
 }

src/components/realm-selector/RealmSelector.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useContext, useEffect } from "react";
 import { useHistory } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 
 import {
   Dropdown,
@@ -31,6 +32,7 @@ export const RealmSelector = ({ realmList }: RealmSelectorProps) => {
   const [search, setSearch] = useState("");
   const [filteredItems, setFilteredItems] = useState(realmList);
   const history = useHistory();
+  const { t } = useTranslation("common");
 
   const toUpperCase = (realmName: string) =>
     realmName.charAt(0).toUpperCase() + realmName.slice(1);
@@ -49,7 +51,7 @@ export const RealmSelector = ({ realmList }: RealmSelectorProps) => {
       onClick={() => history.push("/add-realm")}
       className={className}
     >
-      Create Realm
+      {t("createRealm")}
     </Button>
   );
 

src/realm/add/NewRealmForm.tsx

@@ -82,7 +82,7 @@ export const NewRealmForm = () => {
           </FormGroup>
           <ActionGroup>
             <Button variant="primary" type="submit">
-              {t("create")}
+              {t("common:create")}
             </Button>
             <Button variant="link">{t("common:cancel")}</Button>
           </ActionGroup>