Lazy load song art and add loading image
This commit is contained in:
parent
d0c10257b9
commit
0be1b20a6e
@ -65,7 +65,14 @@ export default class SongInfo extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.songInfoContainer}>
|
<div className={styles.songInfoContainer}>
|
||||||
<Image alt="Song art-work" src={songArt} />
|
<Image
|
||||||
|
alt="Song art-work"
|
||||||
|
src={songArt}
|
||||||
|
loading="lazy"
|
||||||
|
placeholder="blur"
|
||||||
|
blurDataURL="https://cdn.fascinated.cc/IkQFyodbZv.jpg?raw=true"
|
||||||
|
unoptimized={true}
|
||||||
|
/>
|
||||||
<div className={styles.songInfo}>
|
<div className={styles.songInfo}>
|
||||||
<p className={styles.songInfoSongName}>
|
<p className={styles.songInfoSongName}>
|
||||||
{songName.length > 35
|
{songName.length > 35
|
||||||
|
Reference in New Issue
Block a user