From 94fd0a10b5ce0b89e4c0b81faf834e5cc94abdbc Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Mon, 14 Sep 2020 19:56:05 -0400
Subject: [PATCH] Fix titles in Playlist create/edit views

---
 ui/src/playlist/PlaylistCreate.js | 27 ++++++++++++++++++---------
 ui/src/playlist/PlaylistEdit.js   | 10 +++++++++-
 2 files changed, 27 insertions(+), 10 deletions(-)

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) => (
-  <Create {...props}>
-    <SimpleForm redirect="list" variant={'outlined'}>
-      <TextInput source="name" validate={required()} />
-      <TextInput multiline source="comment" />
-      <BooleanInput source="public" initialValue={true} />
-    </SimpleForm>
-  </Create>
-)
+const PlaylistCreate = (props) => {
+  const translate = useTranslate()
+  const resourceName = translate('resources.playlist.name', { smart_count: 1 })
+  const title = translate('ra.page.create', {
+    name: `${resourceName}`,
+  })
+  return (
+    <Create title={<Title subTitle={title} />} {...props}>
+      <SimpleForm redirect="list" variant={'outlined'}>
+        <TextInput source="name" validate={required()} />
+        <TextInput multiline source="comment" />
+        <BooleanInput source="public" initialValue={true} />
+      </SimpleForm>
+    </Create>
+  )
+}
 
 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 <Title subTitle={`${resourceName} "${record ? record.name : ''}"`} />
+}
+
 const PlaylistEdit = (props) => (
-  <Edit {...props}>
+  <Edit title={<PlaylistTitle />} {...props}>
     <SimpleForm redirect="list" variant={'outlined'}>
       <TextInput source="name" validate={required()} />
       <TextInput multiline source="comment" />