From abb65b4a6040f24b8f35cd1a5ea6786edd5bd80e Mon Sep 17 00:00:00 2001
From: Cody Denniston <dennistonc4817@gapps.bcsds.org>
Date: Fri, 6 Mar 2020 08:54:21 -0600
Subject: [PATCH] work on dashboard

---
 src/DummyData.js            | 14 ++++++
 src/components/DashBoard.js | 86 ++++++++++++++++++++-----------------
 2 files changed, 61 insertions(+), 39 deletions(-)
 create mode 100644 src/DummyData.js

diff --git a/src/DummyData.js b/src/DummyData.js
new file mode 100644
index 0000000..a24406c
--- /dev/null
+++ b/src/DummyData.js
@@ -0,0 +1,14 @@
+const songData = [
+    {
+        Song: "Diamond",
+        Artist: "Rihanna",
+        Album: "An album"
+    },
+    {
+        Song: "Old Town Road",
+        Artist: "Nas x",
+        Album: "An album"
+    }
+]
+
+export default songData;
\ No newline at end of file
diff --git a/src/components/DashBoard.js b/src/components/DashBoard.js
index c1211cc..45fd3c6 100644
--- a/src/components/DashBoard.js
+++ b/src/components/DashBoard.js
@@ -1,46 +1,54 @@
-// import React, { useState, useEffect } from "react";
-// import ButtonDropDown from "./ButtonDropDown";
-// import '../App.css'
-// import axios from "axios";
+import React, { useState, useEffect } from "react";
+import ButtonDropDown from "./ButtonDropDown";
+import '../App.css'
+import axios from "axios";
+import DummyData from "../DummyData" 
+import SongCard from "./SongCard"
 
 
-// export default function DashBoard(props){
-//   const [search, setSearch] = useState('');
-//   const [results, setResults] = useState([]);
+export default function DashBoard(props){
+  const [search, setSearch] = useState('');
+  const [results, setResults] = useState([]);
 
-//   const handleChange = e => {
-//     setSearch( e.target.value );
-//   };
+  const handleChange = e => {
+    setSearch( e.target.value );
+  };
 
-//   axios
-//   .get('')
-//   .then(response => {
-//       console.log(response)
-//       setResults(response.data.results)
-//       props
-//   })
+  axios
+  .get()
+  .then(response => {
+      console.log(response)
+      setResults(response.data.results)
+      
+  })
   
-// return (
-//     <section className="search-form">
-//     <form>
-//       <label>
-//         Artist/Song:
-//       <input
-//       id="name"
-//       type="text"
-//       name="textfield"
-//       placeholder="Search"
-//       value={ search }
-//       onChange={ handleChange }
-//       />
-//       </label>
-//     </form>
-//     <form>
-//      <ButtonDropDown/>
+return (
+    <section className="search-form">
+    <form>
+      <label>
+        Artist/Song:
+      <input
+      id="name"
+      type="text"
+      name="textfield"
+      placeholder="Search"
+      value={ search }
+      onChange={ handleChange }
+      />
+      </label>
+    </form>
+    <form>
+     <ButtonDropDown/>
 
-//     </form>
-//     </section>
+    </form>
+    <div className="song-list">
+    {results.map((c, index) => {
+        return <SongCard key={index} artist={c.Artist} song={c.Song} album={c.Album} />
+    
+    })}
+    </div>
+    </section>
+    
+)
 
-// )
-
-// }
\ No newline at end of file
+}
\ No newline at end of file