Fix NavBar title translations

ui/src/user/UserCreate.js

@@ -7,19 +7,27 @@ import {
   required,
   email,
   SimpleForm,
+  useTranslate,
 } from 'react-admin'
 import { Title } from '../common'
 
-const UserCreate = (props) => (
-  <Create title={<Title subTitle={'Create User'} />} {...props}>
-    <SimpleForm redirect="list">
-      <TextInput source="userName" validate={[required()]} />
-      <TextInput source="name" validate={[required()]} />
-      <TextInput source="email" validate={[required(), email()]} />
-      <PasswordInput source="password" validate={[required()]} />
-      <BooleanInput source="isAdmin" defaultValue={false} />
-    </SimpleForm>
-  </Create>
-)
+const UserCreate = (props) => {
+  const translate = useTranslate()
+  const resourceName = translate('resources.user.name', { smart_count: 1 })
+  const title = translate('ra.page.create', {
+    name: `${resourceName}`,
+  })
+  return (
+    <Create title={<Title subTitle={title} />} {...props}>
+      <SimpleForm redirect="list">
+        <TextInput source="userName" validate={[required()]} />
+        <TextInput source="name" validate={[required()]} />
+        <TextInput source="email" validate={[required(), email()]} />
+        <PasswordInput source="password" validate={[required()]} />
+        <BooleanInput source="isAdmin" defaultValue={false} />
+      </SimpleForm>
+    </Create>
+  )
+}
 
 export default UserCreate

ui/src/user/UserEdit.js

@@ -8,11 +8,14 @@ import {
   required,
   email,
   SimpleForm,
+  useTranslate,
 } from 'react-admin'
 import { Title } from '../common'
 
 const UserTitle = ({ record }) => {
-  return <Title subTitle={`User ${record ? record.name : ''}`} />
+  const translate = useTranslate()
+  const resourceName = translate('resources.user.name', { smart_count: 1 })
+  return <Title subTitle={`${resourceName} ${record ? record.name : ''}`} />
 }
 const UserEdit = (props) => (
   <Edit title={<UserTitle />} {...props}>

ui/src/user/UserList.js

@@ -24,7 +24,9 @@ const UserList = (props) => {
   return (
     <List
       {...props}
-      title={<Title subTitle={'Users'} />}
+      title={
+        <Title subTitle={'resources.user.name'} args={{ smart_count: 2 }} />
+      }
       sort={{ field: 'userName', order: 'ASC' }}
       exporter={false}
       filters={<UserFilter />}