Refactor Heart component to use console.debug and fetchHeart function

walnuts1018 · Jan 19, 2024 · 292f4bc · 292f4bc
1 parent 18c85a9
commit 292f4bc
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/app/components/Heart.tsx b/src/app/components/Heart.tsx
@@ -19,15 +19,12 @@ export default function Heart() {
     async function fetchHeart() {
       const res = await fetch('/api/heart')
       const data: HeartRate = await res.json()
-      console.log(data)
+      console.debug(data)
       setHeartRate(data.heart)
     }
     fetchHeart()
     setInterval(async () => {
-      const res = await fetch('/api/heart')
-      const data: HeartRate = await res.json()
-      console.log(data)
-      setHeartRate(data.heart)
+      fetchHeart()
     }, fetchInterval)
     return () => {
       clearInterval(fetchInterval)