diff --git a/ui/src/playlist/PlaylistCreate.js b/ui/src/playlist/PlaylistCreate.js
index a6d525b9a..f224669ee 100644
--- a/ui/src/playlist/PlaylistCreate.js
+++ b/ui/src/playlist/PlaylistCreate.js
@@ -5,16 +5,25 @@ import {
TextInput,
BooleanInput,
required,
+ useTranslate,
} from 'react-admin'
+import { Title } from '../common'
-const PlaylistCreate = (props) => (
-
-
-
-
-
-
-
-)
+const PlaylistCreate = (props) => {
+ const translate = useTranslate()
+ const resourceName = translate('resources.playlist.name', { smart_count: 1 })
+ const title = translate('ra.page.create', {
+ name: `${resourceName}`,
+ })
+ return (
+ } {...props}>
+
+
+
+
+
+
+ )
+}
export default PlaylistCreate
diff --git a/ui/src/playlist/PlaylistEdit.js b/ui/src/playlist/PlaylistEdit.js
index d05d96e60..8a9b4f300 100644
--- a/ui/src/playlist/PlaylistEdit.js
+++ b/ui/src/playlist/PlaylistEdit.js
@@ -8,7 +8,9 @@ import {
TextField,
BooleanInput,
required,
+ useTranslate,
} from 'react-admin'
+import { Title } from '../common'
const SyncFragment = ({ formData, ...rest }) => {
return (
@@ -19,8 +21,14 @@ const SyncFragment = ({ formData, ...rest }) => {
)
}
+const PlaylistTitle = ({ record }) => {
+ const translate = useTranslate()
+ const resourceName = translate('resources.playlist.name', { smart_count: 1 })
+ return
+}
+
const PlaylistEdit = (props) => (
-
+ } {...props}>