albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

use swr

Browse source
This commit is contained in:
skidoodle 2022-10-20 23:55:52 +02:00
parent 3e4778445b
commit 75ac9e792a
1 changed files with 8 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

27
pages/index.tsx
View file

@ -1,6 +1,7 @@
import Image from "next/image";
import Link from "next/link";
import React, { useEffect } from "react";
import React from "react";
import useSWR from "swr";
import FadeIn from "react-fade-in";
import { socials } from "components/data/socials";
@ -9,26 +10,14 @@ import { Toaster } from "react-hot-toast";
import { FaSpotify } from "react-icons/fa";
import profilePic from "public/profile.webp";
import { useState } from "react";
export const fetcher = (url: RequestInfo) => fetch(url).then((r) => r.json());
export default function () {
const [spotify, setSpotify] = useState<any>("");
const handleData = () => {
fetch("/api/spotify")
.then((res) => res.json())
.then((data) => setSpotify(data));
};
useEffect(() => {
handleData();
return () => {
setInterval(() => {
handleData();
}, 3000);
};
}, []);
var { data: spotify } = useSWR("/api/spotify", fetcher, {
refreshInterval: 3000,
fallbackData: "loading",
});
return (
<FadeIn>