Add Song Details to Album view

ui/src/common/SongDetails.js

@@ -0,0 +1,26 @@
+import React from 'react'
+import {
+  Show,
+  SimpleShowLayout,
+  BooleanField,
+  DateField,
+  TextField
+} from 'react-admin'
+import { BitrateField } from './index'
+
+const SongDetails = (props) => {
+  return (
+    <Show {...props} title=" ">
+      <SimpleShowLayout>
+        <TextField source="path" />
+        <TextField source="albumArtist" />
+        <TextField source="genre" />
+        <BooleanField source="compilation" />
+        <BitrateField source="bitRate" />
+        <DateField source="updatedAt" showTime />
+      </SimpleShowLayout>
+    </Show>
+  )
+}
+
+export default SongDetails

ui/src/common/index.js

@@ -5,6 +5,7 @@ import Pagination from './Pagination'
 import PlayButton from './PlayButton'
 import SimpleList from './SimpleList'
 import RangeField, { formatRange } from './RangeField'
+import SongDetails from './SongDetails'
 
 export {
   Title,
@@ -14,5 +15,6 @@ export {
   PlayButton,
   SimpleList,
   RangeField,
+  SongDetails,
   formatRange
 }