From dadd4567dee6435e43480aaf1bd7c3ae20ad03e4 Mon Sep 17 00:00:00 2001
From: NaHyun22 <nhle0217@ajou.ac.kr>
Date: Thu, 27 Jul 2023 18:07:32 +0900
Subject: [PATCH] finally

---
 src/App.js       | 24 ++++++++++++------------
 src/favorites.js | 25 +++++++++++++------------
 2 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/App.js b/src/App.js
index d382557..d480591 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,16 +18,17 @@ export default function App() {
         setCurrentTab(newValue);
     }
 
-    useEffect(() => {
-        axios.get('/likes')
-            .then((response) => {
-                const data = response.data;
-                setFavorites(data);
-            })
-            .catch((error) => {
-                console.error('Error:', error);
-            });
-    }, []);
+    // useEffect(() => {
+    //     axios.get('/likes')
+    //         .then((response) => {
+    //             const data = response.data;
+    //             setFavorites(data);
+    //         })
+    //         .catch((error) => {
+    //             console.error('Error:', error);
+    //         });
+    // }, []);
+
     //수정 - 버전1
     // const handleOnLike = (item) => {
     // let value = favorites.find(it => it.collectionId == item.collectionId)
@@ -200,8 +201,7 @@ export default function App() {
 
 
             <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-                <Tabs value={currentTab} onChange={handleTabChange} aria-label="basic tabs"
-                    centered>
+                <Tabs value={currentTab} onChange={handleTabChange} aria-label="basic tabs" centered>
                     <Tab label="Search Music" value={0} />
                     <Tab label="Favorites" value={1} />
                     <Tab label="More Contents" value={2} />
diff --git a/src/favorites.js b/src/favorites.js
index 873133d..b459746 100644
--- a/src/favorites.js
+++ b/src/favorites.js
@@ -5,18 +5,19 @@ import axios from 'axios';
 import React, { useEffect } from 'react';
 import App from './App';
 
-const Favorites = ({ list, onLike, setFavorites }) => {
-
-  // useEffect(() => {
-  //   axios.get('/likes')
-  //     .then((response) => {
-  //       const data = response.data;
-  //       setFavorites(data);
-  //     })
-  //     .catch((error) => {
-  //       console.error('Error:', error);
-  //     });
-  // }, []);
+const Favorites = ({ list, onLike }) => {
+  const [Favorites, setFavorites] = React.useState([]);
+
+  useEffect(() => {
+    axios.get('/likes')
+      .then((response) => {
+        const data = response.data;
+        setFavorites(data);
+      })
+      .catch((error) => {
+        console.error('Error:', error);
+      });
+  }, []);
 
   return (
     <React.Fragment>
-- 
GitLab