From 3de55936a5b40a75b305b886e797be212ccd7df5 Mon Sep 17 00:00:00 2001
From: memorydream <34763046+memorydream@users.noreply.github.com>
Date: Mon, 21 Mar 2022 18:18:17 +0800
Subject: [PATCH] =?UTF-8?q?fix(components/ArtistsInline):=20=E9=99=90?=
 =?UTF-8?q?=E5=88=B6=E5=8F=AF=E7=94=A8=E5=B8=83=E5=B1=80=E7=A9=BA=E9=97=B4?=
 =?UTF-8?q?=20&=20=E4=BD=BF=E7=94=A8=E6=AD=8C=E6=89=8B=E5=90=8D=E5=AD=97?=
 =?UTF-8?q?=E4=BD=9C=20key=20(#1428)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderer/src/components/ArtistsInline.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/renderer/src/components/ArtistsInline.tsx b/packages/renderer/src/components/ArtistsInline.tsx
index 333ec69..38648dc 100644
--- a/packages/renderer/src/components/ArtistsInline.tsx
+++ b/packages/renderer/src/components/ArtistsInline.tsx
@@ -8,9 +8,9 @@ const ArtistInline = ({
   if (!artists) return <div></div>
 
   return (
-    <div className={classNames('flex truncate', className)}>
+    <div className={classNames('line-clamp-1', className)}>
       {artists.map((artist, index) => (
-        <span key={artist.id}>
+        <span key={artist.name}>
           <span className={classNames({ 'hover:underline': !!artist.id })}>
             {artist.name}
           </span>