Merge pull request #22 from fac19/add-replace-method-search

Add new headings

Author: Ivo-Evans

src/App.js

@@ -39,7 +39,7 @@ function App() {
       </header>
       <main>
         {logInToken ? (
-          <p>Access token aquired. Please search an artist and track</p>
+          <p>Access token aquired. Please search an artist and track to see the audio features.</p>
         ) : (
           <LogIn logInToken={logInToken} setLogInToken={setLogInToken} />
         )}

src/components/results.js

@@ -6,8 +6,9 @@ function Results(props) {
     const { recommendations } = props
     return (
         <div className="results-container">
+            <h2>Track Recommendations</h2>
             {recommendations && recommendations.length ? recommendations.map((rec, i) => <RenderSong song={rec} key={i}/>)
-             : "no recommendations"}
+             : "No song recommendations yet."}
         </div>
     )
 }

src/components/song-filter.js

@@ -48,6 +48,7 @@ function SongFilter(props) {
 
   return (
     <form>
+      <h2>Audio Features</h2>
       <p>Now tune the search to your mood!</p>
       {features.map((feature, i) => (
         <label key={i} title={descriptions[feature]} htmlFor={feature}>

src/util/handle-search-track.js

@@ -21,10 +21,6 @@ export default function handleSearchTrack(
     requestOptions
   )
     .then((res) => {
-        console.log(trackSearch.trackSearchValue, trackSearch.artistSearchValue)
-        console.log(requestOptions)
-        console.log(token)
-        console.log(typeof token)
       if (res.status !== 200) {
         throw new Error(
           `Fetch request did not work. Error code: ${res.status}`