From 49fe53ff69ba3033b231921add3a0f01e6205ab1 Mon Sep 17 00:00:00 2001
From: NaHyun22 <nhle0217@ajou.ac.kr>
Date: Thu, 27 Jul 2023 17:18:58 +0900
Subject: [PATCH] again correction

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

diff --git a/src/App.js b/src/App.js
index 8d0a57e..d382557 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,6 @@
-import React from 'react';
+//import React from 'react';
+import React, { useEffect } from 'react';
+
 import MusicList from './MusicList';
 import music_list from './data';
 import { Box, Tabs, Tab, Typography, AppBar, CssBaseline } from '@mui/material';
@@ -15,6 +17,17 @@ export default function App() {
     const handleTabChange = (event, newValue) => {
         setCurrentTab(newValue);
     }
+
+    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)
@@ -114,6 +127,8 @@ export default function App() {
                 collectionName: item.collectionName,
                 collectionViewUrl: item.collectionViewUrl
             }
+
+
             )
                 .then((response) => {
                     console.log(response.data);
diff --git a/src/favorites.js b/src/favorites.js
index 4f31a32..873133d 100644
--- a/src/favorites.js
+++ b/src/favorites.js
@@ -3,23 +3,25 @@ import { Typography } from '@mui/material';
 import MusicList from './MusicList';
 import axios from 'axios';
 import React, { useEffect } from 'react';
+import App from './App';
 
-const Favorites = ({ list, onLike }) => {
+const Favorites = ({ list, onLike, setFavorites }) => {
 
-  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);
+  //     });
+  // }, []);
 
   return (
     <React.Fragment>
       <MusicList list={list} onLike={onLike} />
+      {/* <App setFavorites={setFavorites} /> */}
     </React.Fragment>
 
   );
-- 
GitLab