diff --git a/src/renderer/components/item-list/item-detail-list/columns/image-column.tsx b/src/renderer/components/item-list/item-detail-list/columns/image-column.tsx index fbbf2202a..046e4a5a1 100644 --- a/src/renderer/components/item-list/item-detail-list/columns/image-column.tsx +++ b/src/renderer/components/item-list/item-detail-list/columns/image-column.tsx @@ -8,8 +8,10 @@ export const ImageColumn = ({ song }: ItemDetailListCellProps) => ( ); diff --git a/src/renderer/components/item-list/item-detail-list/columns/title-artist-column.tsx b/src/renderer/components/item-list/item-detail-list/columns/title-artist-column.tsx index adbecec8f..0c16a5791 100644 --- a/src/renderer/components/item-list/item-detail-list/columns/title-artist-column.tsx +++ b/src/renderer/components/item-list/item-detail-list/columns/title-artist-column.tsx @@ -1,4 +1,9 @@ -import { ItemDetailListCellProps } from './types'; +import { ItemDetailListCellProps } from '/@/renderer/components/item-list/item-detail-list/columns/types'; +import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator'; -export const TitleArtistColumn = ({ song }: ItemDetailListCellProps) => - [song.name, song.artistName].filter(Boolean).join(' — ') ?? <> ; +export const TitleArtistColumn = ({ song }: ItemDetailListCellProps) => ( + <> + + {[song.name, song.artistName].filter(Boolean).join(' — ') ?? <> } + +); diff --git a/src/renderer/components/item-list/item-detail-list/columns/title-column.tsx b/src/renderer/components/item-list/item-detail-list/columns/title-column.tsx index 8fff612fc..e4d588488 100644 --- a/src/renderer/components/item-list/item-detail-list/columns/title-column.tsx +++ b/src/renderer/components/item-list/item-detail-list/columns/title-column.tsx @@ -1,3 +1,9 @@ -import { ItemDetailListCellProps } from './types'; +import { ItemDetailListCellProps } from '/@/renderer/components/item-list/item-detail-list/columns/types'; +import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator'; -export const TitleColumn = ({ song }: ItemDetailListCellProps) => song.name ?? <> ; +export const TitleColumn = ({ song }: ItemDetailListCellProps) => ( + <> + + {song.name ?? <> } + +); diff --git a/src/renderer/components/item-list/item-detail-list/columns/title-combined-column.tsx b/src/renderer/components/item-list/item-detail-list/columns/title-combined-column.tsx index 0e06836e3..4d2701947 100644 --- a/src/renderer/components/item-list/item-detail-list/columns/title-combined-column.tsx +++ b/src/renderer/components/item-list/item-detail-list/columns/title-combined-column.tsx @@ -1,4 +1,9 @@ -import { ItemDetailListCellProps } from './types'; +import { ItemDetailListCellProps } from '/@/renderer/components/item-list/item-detail-list/columns/types'; +import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator'; -export const TitleCombinedColumn = ({ song }: ItemDetailListCellProps) => - [song.name, song.artistName].filter(Boolean).join(' — ') ?? <> ; +export const TitleCombinedColumn = ({ song }: ItemDetailListCellProps) => ( + <> + + {[song.name, song.artistName].filter(Boolean).join(' — ') ?? <> } + +); diff --git a/src/renderer/components/item-list/item-detail-list/item-detail.tsx b/src/renderer/components/item-list/item-detail-list/item-detail.tsx index 2cd5c58d0..cada1fb3e 100644 --- a/src/renderer/components/item-list/item-detail-list/item-detail.tsx +++ b/src/renderer/components/item-list/item-detail-list/item-detail.tsx @@ -53,6 +53,7 @@ import { useIsMutatingDeleteFavorite } from '/@/renderer/features/shared/mutatio import { AppRoute } from '/@/renderer/router/routes'; import { useSettingsStore, useShowRatings } from '/@/renderer/store'; import { formatDateAbsoluteUTC, formatDurationString } from '/@/renderer/utils'; +import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator'; import { Skeleton } from '/@/shared/components/skeleton/skeleton'; import { Text } from '/@/shared/components/text/text'; import { Album, LibraryItem, Song } from '/@/shared/types/domain-types'; @@ -401,8 +402,10 @@ const MetadataSection = memo( > {isFavorite &&
} @@ -428,6 +431,7 @@ const MetadataSection = memo( albumId: item.id, })} > + {item.name}