feat: 增加歌手页面

packages/renderer/src/components/ArtistsInline.tsx

@@ -1,17 +1,29 @@
 const ArtistInline = ({
   artists,
   className,
+  disableLink,
 }: {
   artists: Artist[]
   className?: string
+  disableLink?: boolean
 }) => {
   if (!artists) return <div></div>
 
+  const navigate = useNavigate()
+  const handleClick = () => {
+    disableLink ? null : navigate(`/artist/${artists[0].id}`)
+  }
+
   return (
     <div className={classNames('line-clamp-1', className)}>
       {artists.map((artist, index) => (
-        <span key={artist.name}>
-          <span className={classNames({ 'hover:underline': !!artist.id })}>
+        <span key={`${artist.id}-${artist.name}`}>
+          <span
+            onClick={handleClick}
+            className={classNames({
+              'hover:underline': !!artist.id && !disableLink,
+            })}
+          >
             {artist.name}
           </span>
           {index < artists.length - 1 ? ', ' : ''}&nbsp;