fix: 歌手页 & 歌手页链接 (#1434)

* fix: 禁止打开id为0的歌手页

* feat: 当歌手没有专辑时，不在歌手页中显示专辑 & 热门歌曲默认禁用滚动条

* fix

* fix: 根据建议进行修改

packages/renderer/src/components/ArtistsInline.tsx

@@ -10,8 +10,8 @@ const ArtistInline = ({
   if (!artists) return <div></div>
 
   const navigate = useNavigate()
-  const handleClick = () => {
-    disableLink ? null : navigate(`/artist/${artists[0].id}`)
+  const handleClick = (id: number) => {
+    id !== 0 && !disableLink && navigate(`/artist/${id}`)
   }
 
   return (
@@ -19,7 +19,7 @@ const ArtistInline = ({
       {artists.map((artist, index) => (
         <span key={`${artist.id}-${artist.name}`}>
           <span
-            onClick={handleClick}
+            onClick={() => handleClick(artist.id)}
             className={classNames({
               'hover:underline': !!artist.id && !disableLink,
             })}

packages/renderer/src/pages/Artist.tsx

@@ -113,7 +113,7 @@ const Artist = () => {
           <div className='mb-6 text-2xl font-semibold dark:text-white'>
             热门歌曲
           </div>
-          <div className='overflow-scroll rounded-xl '>
+          <div className='rounded-xl'>
             <TracksGrid
               tracks={artist?.hotSongs.slice(0, 10) ?? []}
               isSkeleton={isLoading}
@@ -123,13 +123,17 @@ const Artist = () => {
       </div>
 
       {/* Albums */}
-      <div className='mt-20 px-2'>
-        <div className='mb-6 text-2xl font-semibold dark:text-white'>专辑</div>
-        <CoverRow
-          albums={albums.slice(0, 10)}
-          subtitle={Subtitle.TYPE_RELEASE_YEAR}
-        />
-      </div>
+      {albums.length !== 0 && (
+        <div className='mt-20 px-2'>
+          <div className='mb-6 text-2xl font-semibold dark:text-white'>
+            专辑
+          </div>
+          <CoverRow
+            albums={albums.slice(0, 10)}
+            subtitle={Subtitle.TYPE_RELEASE_YEAR}
+          />
+        </div>
+      )}
 
       {/* Singles/EP */}
       <div className='mt-16 px-2'>