From a3a84766e46eb293a0c5926839927c7fa5f21567 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 11 Jun 2023 23:27:50 -0700
Subject: [PATCH] Fix artist/album artist cells (#117)

---
 .../virtual-table/cells/album-artist-cell.tsx | 34 ++++++++++++-------
 .../virtual-table/cells/artist-cell.tsx       | 34 ++++++++++++-------
 2 files changed, 44 insertions(+), 24 deletions(-)

diff --git a/src/renderer/components/virtual-table/cells/album-artist-cell.tsx b/src/renderer/components/virtual-table/cells/album-artist-cell.tsx
index 419a4118..921d5e09 100644
--- a/src/renderer/components/virtual-table/cells/album-artist-cell.tsx
+++ b/src/renderer/components/virtual-table/cells/album-artist-cell.tsx
@@ -38,18 +38,28 @@ export const AlbumArtistCell = ({ value, data }: ICellRendererParams) => {
                 ,
               </Text>
             )}{' '}
-            <Text
-              $link
-              $secondary
-              component={Link}
-              overflow="hidden"
-              size="md"
-              to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
-                albumArtistId: item.id,
-              })}
-            >
-              {item.name || '—'}
-            </Text>
+            {item.id ? (
+              <Text
+                $link
+                $secondary
+                component={Link}
+                overflow="hidden"
+                size="md"
+                to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
+                  albumArtistId: item.id,
+                })}
+              >
+                {item.name || '—'}
+              </Text>
+            ) : (
+              <Text
+                $secondary
+                overflow="hidden"
+                size="md"
+              >
+                {item.name || '—'}
+              </Text>
+            )}
           </React.Fragment>
         ))}
       </Text>
diff --git a/src/renderer/components/virtual-table/cells/artist-cell.tsx b/src/renderer/components/virtual-table/cells/artist-cell.tsx
index 4ced9d98..3c0ea589 100644
--- a/src/renderer/components/virtual-table/cells/artist-cell.tsx
+++ b/src/renderer/components/virtual-table/cells/artist-cell.tsx
@@ -38,18 +38,28 @@ export const ArtistCell = ({ value, data }: ICellRendererParams) => {
                 ,
               </Text>
             )}{' '}
-            <Text
-              $link
-              $secondary
-              component={Link}
-              overflow="hidden"
-              size="md"
-              to={generatePath(AppRoute.LIBRARY_ARTISTS_DETAIL, {
-                artistId: item.id,
-              })}
-            >
-              {item.name || '—'}
-            </Text>
+            {item.id ? (
+              <Text
+                $link
+                $secondary
+                component={Link}
+                overflow="hidden"
+                size="md"
+                to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
+                  albumArtistId: item.id,
+                })}
+              >
+                {item.name || '—'}
+              </Text>
+            ) : (
+              <Text
+                $secondary
+                overflow="hidden"
+                size="md"
+              >
+                {item.name || '—'}
+              </Text>
+            )}
           </React.Fragment>
         ))}
       </Text>