From 8f7e6a5222cc86073baa69d3c2b756587e01c2b6 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 11 Jun 2023 20:38:32 -0700
Subject: [PATCH] Disable link from invalid artist on table cells (#117)

---
 .../cells/combined-title-cell.tsx             | 37 ++++++++++++-------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/renderer/components/virtual-table/cells/combined-title-cell.tsx b/src/renderer/components/virtual-table/cells/combined-title-cell.tsx
index f12eb5ad..255e5c4a 100644
--- a/src/renderer/components/virtual-table/cells/combined-title-cell.tsx
+++ b/src/renderer/components/virtual-table/cells/combined-title-cell.tsx
@@ -116,19 +116,30 @@ export const CombinedTitleCell = ({ value, rowIndex, node }: ICellRendererParams
             artists.map((artist: Artist | AlbumArtist, index: number) => (
               <React.Fragment key={`queue-${rowIndex}-artist-${artist.id}`}>
                 {index > 0 ? ', ' : null}
-                <Text
-                  $link
-                  $secondary
-                  component={Link}
-                  overflow="hidden"
-                  size="md"
-                  sx={{ width: 'fit-content' }}
-                  to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
-                    albumArtistId: artist.id,
-                  })}
-                >
-                  {artist.name}
-                </Text>
+                {artist.id ? (
+                  <Text
+                    $secondary
+                    $link={artist.id !== undefined}
+                    component={Link}
+                    overflow="hidden"
+                    size="md"
+                    sx={{ width: 'fit-content' }}
+                    to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
+                      albumArtistId: artist.id,
+                    })}
+                  >
+                    {artist.name}
+                  </Text>
+                ) : (
+                  <Text
+                    $secondary
+                    overflow="hidden"
+                    size="md"
+                    sx={{ width: 'fit-content' }}
+                  >
+                    {artist.name}
+                  </Text>
+                )}
               </React.Fragment>
             ))
           ) : (