From 1471e1240dedaf664f0ef57b14005083abbbdba3 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Mon, 19 Jul 2021 13:00:19 -0400
Subject: [PATCH] Show songs' genres as text instead of Chips

---
 ui/src/common/SongDetails.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/ui/src/common/SongDetails.js b/ui/src/common/SongDetails.js
index 05ad06883..a9e1e6b2e 100644
--- a/ui/src/common/SongDetails.js
+++ b/ui/src/common/SongDetails.js
@@ -9,10 +9,8 @@ import {
   DateField,
   TextField,
   NumberField,
+  FunctionField,
   useTranslate,
-  ArrayField,
-  SingleFieldList,
-  ChipField,
   useRecordContext,
 } from 'react-admin'
 import inflection from 'inflection'
@@ -36,11 +34,7 @@ export const SongDetails = (props) => {
     discSubtitle: <TextField source="discSubtitle" />,
     albumArtist: <TextField source="albumArtist" />,
     genre: (
-      <ArrayField source={'genres'}>
-        <SingleFieldList linkType={false}>
-          <ChipField source="name" />
-        </SingleFieldList>
-      </ArrayField>
+      <FunctionField render={(r) => r.genres?.map((g) => g.name).join(', ')} />
     ),
     compilation: <BooleanField source="compilation" />,
     bitRate: <BitrateField source="bitRate" />,