Change song art to use Next's image
This commit is contained in:
parent
9f76e7c4e8
commit
2d9d019138
@ -12,7 +12,7 @@ export default async function handler(req, res) {
|
||||
const exists = fs.existsSync(imagePath);
|
||||
if (!exists) {
|
||||
const data = await fetch(`https://eu.cdn.beatsaver.com/${mapHash}.${ext}`);
|
||||
let buffer = await data.buffer();
|
||||
let buffer = await data.buffer(); // Change to arrayBuffer at some point to make it shush
|
||||
buffer = await sharp(buffer).resize(150, 150).toBuffer();
|
||||
fs.writeFileSync(imagePath, buffer);
|
||||
res.setHeader("Content-Type", "image/" + ext);
|
||||
|
@ -1,3 +1,4 @@
|
||||
import { Image } from "@nextui-org/react";
|
||||
import { Component } from "react";
|
||||
|
||||
import styles from "../../styles/songInfo.module.css";
|
||||
@ -64,7 +65,7 @@ export default class SongInfo extends Component {
|
||||
|
||||
return (
|
||||
<div className={styles.songInfoContainer}>
|
||||
<img src={songArt} />
|
||||
<Image alt="Song art-work" src={songArt} />
|
||||
<div className={styles.songInfo}>
|
||||
<p className={styles.songInfoSongName}>
|
||||
{songName.length > 35
|
||||
|
Reference in New Issue
Block a user