antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2025-12-31 10:03:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

sanitize album artist biography

Browse source
This commit is contained in:
Kendall Garner 2024-04-03 07:36:13 -07:00
parent 24394fa858
commit 7bebe286d5
No known key found for this signature in database
GPG key ID: 18D2767419676C87
5 changed files with 385 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/renderer/features/artists/components/album-artist-detail-content.tsx
View file

@ -39,6 +39,7 @@ import { AppRoute } from '/@/renderer/router/routes';
import { useCurrentServer } from '/@/renderer/store';
import { useGeneralSettings, usePlayButtonBehavior } from '/@/renderer/store/settings.store';
import { CardRow, Play, TableColumn } from '/@/renderer/types';
import { sanitize } from '/@/renderer/utils/sanitize';
const ContentContainer = styled.div`
position: relative;
@ -330,8 +331,13 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
const topSongs = topSongsQuery?.data?.items?.slice(0, 10);
const showBiography =
detailQuery?.data?.biography !== undefined && detailQuery?.data?.biography !== null;
const biography = useMemo(() => {
const bio = detailQuery?.data?.biography;
if (!bio) return null;
return sanitize(bio);
}, [detailQuery?.data?.biography]);
const showTopSongs = topSongsQuery?.data?.items?.length;
const showGenres = detailQuery?.data?.genres ? detailQuery?.data?.genres.length !== 0 : false;
const mbzId = detailQuery?.data?.mbz;
@ -459,7 +465,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
</Group>
</Box>
) : null}
{showBiography ? (
{biography ? (
<Box
component="section"
maw="1280px"
@ -472,9 +478,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
artist: detailQuery?.data?.name,
})}
</TextTitle>
<Spoiler
dangerouslySetInnerHTML={{ __html: detailQuery?.data?.biography || '' }}
/>
<Spoiler dangerouslySetInnerHTML={{ __html: biography }} />
</Box>
) : null}
{showTopSongs ? (