refactors

src/components/Item/Item.js

-import React, { Component } from "react";
+import React from "react";
 import PropTypes from "prop-types";
 import { ListGroupItem, Badge, Fa } from "mdbreact";
 import { Row, Col } from "mdbreact";
@@ -25,6 +25,7 @@ const Item = ({ id, name, quantity, increment, decrement, deleteItem }) => (
 )
 
 Item.propTypes = {
+  id: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
   quantity: PropTypes.number,
   increment: PropTypes.func,

src/components/Navbar/Navbar.js

@@ -5,8 +5,8 @@ import { CodecentricLogo } from "../CodecentricLogo/CodecentricLogo";
 export const Navbar = ({appName}) => (
     <nav className="navbar navbar-expand-lg navbar-dark primary-color">
 
-        <a className="navbar-brand" href="#"><CodecentricLogo className="d-inline-block align-top"/></a>
-        <a className="navbar-brand" href="#">{appName}</a>
+        <a className="navbar-brand" href="/"><CodecentricLogo className="d-inline-block align-top"/></a>
+        <a className="navbar-brand" href="/">{appName}</a>
 
     </nav>
 );

src/index.js

@@ -9,7 +9,6 @@ import 'font-awesome/css/font-awesome.min.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'mdbreact/dist/css/mdb.css';
 import App from './components/App/App';
-import { add } from './actions';
 
 const store = createStore(
   rootReducer,
@@ -21,10 +20,6 @@ store.subscribe(() => {
   console.log(store.getState());
 });
 
-//store.dispatch(add(1, 'Milk'));
-//store.dispatch(add(2, 'Eggs'));
-//store.dispatch(add(3, 'Bacon'));
-
 render(
   <Provider store={store}>
     <App />