Fix NavBar title translations

ui/src/transcoding/TranscodingCreate.js

@@ -5,11 +5,19 @@ import {
   Create,
   required,
   SimpleForm,
+  useTranslate,
 } from 'react-admin'
 import { Title } from '../common'
 
-const TranscodingTitle = ({ record }) => {
-  return <Title subTitle={`Transcoding ${record ? record.name : ''}`} />
+const TranscodingTitle = () => {
+  const translate = useTranslate()
+  const resourceName = translate('resources.transcoding.name', {
+    smart_count: 1,
+  })
+  const title = translate('ra.page.create', {
+    name: `${resourceName}`,
+  })
+  return <Title subTitle={title} />
 }
 
 const TranscodingCreate = (props) => (

ui/src/transcoding/TranscodingEdit.js

@@ -1,9 +1,20 @@
 import React from 'react'
-import { TextInput, SelectInput, Edit, required, SimpleForm } from 'react-admin'
+import {
+  TextInput,
+  SelectInput,
+  Edit,
+  required,
+  SimpleForm,
+  useTranslate,
+} from 'react-admin'
 import { Title } from '../common'
 
 const TranscodingTitle = ({ record }) => {
-  return <Title subTitle={`Transcoding ${record ? record.name : ''}`} />
+  const translate = useTranslate()
+  const resourceName = translate('resources.transcoding.name', {
+    smart_count: 1,
+  })
+  return <Title subTitle={`${resourceName} ${record ? record.name : ''}`} />
 }
 
 const TranscodingEdit = (props) => (

ui/src/transcoding/TranscodingList.js

@@ -7,7 +7,12 @@ const TranscodingList = (props) => {
   const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
   return (
     <List
-      title={<Title subTitle={'Transcodings'} />}
+      title={
+        <Title
+          subTitle={'resources.transcoding.name'}
+          args={{ smart_count: 2 }}
+        />
+      }
       exporter={false}
       {...props}
     >