Change name of component, update data

Author: hyendler

data.json

@@ -2,8 +2,8 @@
 	"photos": [
 		{
 			"id": 1,
-			"title": "Synchronized waking up",
-			"url": "http://i.imgur.com/39yXnyh.gif",
+			"title": "Too cool for school",
+			"url": "https://media.giphy.com/media/5gXYzsVBmjIsw/giphy.gif",
 			"likes": 305,
 			"userLiked": false
 		},

package.json

@@ -23,6 +23,6 @@
   "dependencies": {
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
-    "react-router-dom": "^4.1.1",
+    "react-router-dom": "^4.1.1"
   }
 }

src/App.jsx

@@ -5,7 +5,6 @@ import AboutPage from './pages/AboutPage.jsx';
 import HomePage from './pages/HomePage.jsx';
 import Header from './components/Header.jsx';
 
-// how do we want to divide up where to put BrowserRouter, Provider, etc? We could put it in index.js
 const App = () => {
   return (
     <BrowserRouter>

src/components/FeedItem.jsx

@@ -3,11 +3,11 @@ import Likes from './Likes.jsx';
 
 const FeedItem = (props) => {
   const { photo } = props;
-  const { url, likes, id, userLiked } = photo;
+  const { url, likes } = photo;
   return (
     <div className="FeedItem">
       <img className="Image" src={ url } />
-      <Likes totalLikes={likes} id={id} userLiked={userLiked} />
+      <Likes totalLikes={likes} />
     </div>
   );
 };

src/components/Form.jsx renamed to src/components/ImageUploaderForm.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-class Form extends React.Component {
+class ImageUploaderForm extends React.Component {
 	constructor(props) {
 		super(props);
 		this.state = {
@@ -33,4 +33,4 @@ class Form extends React.Component {
 	}
 }
 
-export default Form;
+export default ImageUploaderForm;

src/pages/HomePage.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import FeedList from '../components/FeedList.jsx';
-import Form from '../components/Form.jsx';
+import ImageUploaderForm from '../components/ImageUploaderForm.jsx';
 import data from '../../data.json';
 
 const { photos } = data;
@@ -27,11 +27,11 @@ class HomePage extends React.Component {
 	render() {
 		return (
 			<div className="HomePage">
-				<Form handleAddPhoto={this.handleAddPhoto} />
+				<ImageUploaderForm handleAddPhoto={this.handleAddPhoto} />
 				<FeedList photos={this.state.photos} />
 			</div>
 		);
 	}
 }
 
-export default HomePage;
+export default HomePage;