diff --git a/src/components/library/AlbumView.tsx b/src/components/library/AlbumView.tsx
index 1e4f606..bc3f56f 100644
--- a/src/components/library/AlbumView.tsx
+++ b/src/components/library/AlbumView.tsx
@@ -366,12 +366,11 @@ const AlbumView = ({ ...rest }: any) => {
Added {formatDate(data.created)}
{data.genre.map((d: Genre, i: number) => {
return (
- <>
+
{i === 0 && ' • '}
{i > 0 && ', '}
{
if (!rest.isModal) {
@@ -396,7 +395,7 @@ const AlbumView = ({ ...rest }: any) => {
{d.title}
- >
+
);
})}
diff --git a/src/components/viewtypes/ListViewTable.tsx b/src/components/viewtypes/ListViewTable.tsx
index 9b1a706..9cc76a9 100644
--- a/src/components/viewtypes/ListViewTable.tsx
+++ b/src/components/viewtypes/ListViewTable.tsx
@@ -746,7 +746,7 @@ const ListViewTable = ({
}}
>
{(rowData.artist || []).map((artist: GenericItem, i: number) => (
- <>
+
{i > 0 && ', '}
-
+
- >
+
))}
@@ -923,13 +926,9 @@ const ListViewTable = ({
<>
{rowData.genre ? (
rowData.genre.map((genre: GenericItem, i: number) => (
- <>
- {i > 0 && , }
-
-
+
+ {i > 0 && ', '}
+
{
@@ -937,15 +936,11 @@ const ListViewTable = ({
dispatch(
setActive({
...album.active,
- filter: rowData[column.dataKey][i]?.title,
+ filter: genre.title,
})
);
setTimeout(() => {
- history.push(
- `/library/album?sortType=${
- rowData[column.dataKey][i]?.title
- }`
- );
+ history.push(`/library/album?sortType=${genre.title}`);
}, 50);
}
}}
@@ -962,10 +957,10 @@ const ListViewTable = ({
fontSize: `${fontSize}px`,
}}
>
- {rowData[column.dataKey][i]?.title}
+ {genre.title}
- >
+
))
) : (