[fix] update cors headers

AmosChenZixuan · May 5, 2024 · ac661d5 · ac661d5
1 parent 4455a67
commit ac661d5
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/home/SpotifyPlayerBox.tsx b/components/home/SpotifyPlayerBox.tsx
@@ -19,6 +19,10 @@ export default function SpotifyPlayerBox() {
   const fetcher = (url) => fetch(url).then((r) => r.json())
   const { data }: { data: SongData } = useSWR('/api/spotify', fetcher)
 
+  const imageLoader = ({ src }) => {
+    return `/api/imageProxy?url=${encodeURIComponent(src)}`
+  }
+
   return (
     <div
       className={`card bg-pink-blue-animated animation-delay-1 flex-center flex-grow overflow-hidden p-2`}
@@ -31,7 +35,8 @@ export default function SpotifyPlayerBox() {
           </section>
           <section className="relative mx-auto h-24 w-24">
             <Image
-              src={`/api/imageProxy?url=${encodeURIComponent(data.albumImageUrl)}`}
+              loader={imageLoader}
+              src={data.albumImageUrl}
               alt={data.album}
               width={375}
               height={375}