diff --git a/src/App.js b/src/App.js index 34a8e2861cd82fefb62b1967d2a9962fb6768308..0b0afdc18fff0923e050e623e3e57ab005683d51 100644 --- a/src/App.js +++ b/src/App.js @@ -47,7 +47,6 @@ export default function App (){ body: JSON.stringify(item), }).catch((e) => console.log("error while posting likes")); } else { - fetch(`/likes/${id}`, { method: "DELETE", }) diff --git a/src/Favorites.js b/src/Favorites.js index a9e40a3aa61cefd704df574db42f3cc219bf29fd..8aa0aaeabe7295ac5753677403dd58e9cdb29ea3 100644 --- a/src/Favorites.js +++ b/src/Favorites.js @@ -2,7 +2,6 @@ import React, { useEffect } from 'react'; import MusicList from './MusicList'; const Favorites = ({ list, likes, onLike}) => { - return ( <React.Fragment> <MusicList list={list} likes={likes} onLike={onLike} /> diff --git a/src/MusicList.js b/src/MusicList.js index 5db45c5566066face9fa2d6d22cb8cdaf86f9c5a..bcd8f799ed55a1d65de727102e9e9df09040c096 100644 --- a/src/MusicList.js +++ b/src/MusicList.js @@ -25,7 +25,7 @@ export default function MusicList ({list, likes, onLike}){ let [snackState, setSnackState] = useState({open:false, msg:""}); const toggleFavorite=(id, name, item) => () => { - onLike(id, item); + onLike(id,item); setSnackState((prevState) => ({ ...prevState, open: true, diff --git a/src/SearchPage.js b/src/SearchPage.js index 618a2a3ed71426660d37886500890e47a6865c8c..989660f569c8b0db3928a6f690e1e030127789c5 100644 --- a/src/SearchPage.js +++ b/src/SearchPage.js @@ -34,7 +34,7 @@ export default function SearchPage ({list, onSearch, likes, onLike}) { </Button> </div> </form> - <MusicList list={list} likes={likes} onLike={onLike}></MusicList> + <MusicList list={list} likes={likes} onLike={onLike}> </MusicList> </React.Fragment> ) } diff --git a/src/SnackMsg.js b/src/SnackMsg.js index 98adab51d245aa7fdbcd395c4474150802062e39..f3f01da09cd09476ea729463b39403b5d412af31 100644 --- a/src/SnackMsg.js +++ b/src/SnackMsg.js @@ -6,7 +6,7 @@ const SnackMsg = (props) => { return ( <Snackbar open={props.open} - anchorOrigin={{vertical:"bottom", horizontal:"right"}} + anchorOrigin={{vertical:"bottom",horizontal:"right"}} autoHideDuration={3000} onClose={props.onClose} message={props.message}> diff --git a/src/index.js b/src/index.js index 52a6a52032eb9133c2d5fac73f9b4a6efc6b3a33..cf377411ddc7c553665e2650a21b867bd05aec1f 100644 --- a/src/index.js +++ b/src/index.js @@ -2,5 +2,5 @@ import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; -ReactDOM.render(<App/>, document.getElementById('app')); +ReactDOM.render(<App/>,document.getElementById('app'));