import React from 'react';
import { Link } from 'react-router';

class App extends React.Component {
  render() {
    return (
      <div className="app">
        <h1>Welcome to KIM!</h1>
        <ul className="navbar">
          <li><Link to={'/jewelry'}>Jewelry Products</Link></li>
          <li><Link to={'/materials'}>Materials</Link></li>
          <li><Link to={'/products'}>Other Products</Link></li>
          <li><Link to={'/purchaseorders'}>Purchase Orders</Link></li>
          <li><Link to={'/sales'}>Sales</Link></li>
          <li><Link to={'/vendors'}>Vendors</Link></li>
          <li><Link to={'/settings'}>Settings</Link></li>
        </ul>
        {this.props.children}
      </div>
    );
  }
}

export default App;

@@ -33,16 +33,27 @@
 t %7B Link
+, IndexLink
  %7D from 
@@ -68,16 +68,16 @@
 outer';%0A
-
 %0Aclass A
@@ -172,30 +172,151 @@
    %3C
-h1%3EWelcome to KIM!%3C/h1
+div className=%22logo-wrapper%22%3E%0A          %3Cimg className=%22logo%22 src=%22../../assets/WebsiteHeader.png%22 alt=%22Kristin Miller Jewelry%22/%3E%0A        %3C/div
 %3E%0A  
@@ -322,18 +322,19 @@
        %3C
-ul
+div
  classNa
@@ -343,16 +343,26 @@
 =%22navbar
+ container
 %22%3E%0A     
@@ -359,36 +359,37 @@
 er%22%3E%0A          %3C
-li%3E%3C
+Index
 Link to=%7B'/jewel
@@ -385,19 +385,57 @@
 to=%7B
-'/jewelry'%7D
+%22/%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3EJew
@@ -445,33 +445,33 @@
 y Products%3C/
-Link%3E%3C/li
+IndexLink
 %3E%0A          
@@ -462,36 +462,32 @@
 Link%3E%0A          
-%3Cli%3E
 %3CLink to=%7B'/mate
@@ -480,17 +480,17 @@
 ink to=%7B
-'
+%22
 /materia
@@ -491,18 +491,63 @@
 aterials
-'%7D
+%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3EMateria
@@ -547,37 +547,32 @@
 Materials%3C/Link%3E
-%3C/li%3E
 %0A          %3Cli%3E%3C
@@ -558,36 +558,32 @@
 Link%3E%0A          
-%3Cli%3E
 %3CLink to=%7B'/prod
@@ -576,17 +576,17 @@
 ink to=%7B
-'
+%22
 /product
@@ -586,18 +586,63 @@
 products
-'%7D
+%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3EOther P
@@ -647,37 +647,32 @@
  Products%3C/Link%3E
-%3C/li%3E
 %0A          %3Cli%3E%3C
@@ -658,36 +658,32 @@
 Link%3E%0A          
-%3Cli%3E
 %3CLink to=%7B'/purc
@@ -676,17 +676,17 @@
 ink to=%7B
-'
+%22
 /purchas
@@ -692,18 +692,63 @@
 seorders
-'%7D
+%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3EPurchas
@@ -754,37 +754,32 @@
 se Orders%3C/Link%3E
-%3C/li%3E
 %0A          %3Cli%3E%3C
@@ -765,36 +765,32 @@
 Link%3E%0A          
-%3Cli%3E
 %3CLink to=%7B'/sale
@@ -787,17 +787,62 @@
 to=%7B
-'
+%22
 /sales
-'%7D
+%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3ESal
@@ -842,37 +842,32 @@
 ve%22%3ESales%3C/Link%3E
-%3C/li%3E
 %0A          %3Cli%3E%3C
@@ -853,36 +853,32 @@
 Link%3E%0A          
-%3Cli%3E
 %3CLink to=%7B'/vend
@@ -875,17 +875,17 @@
 to=%7B
-'
+%22
 /vendors
 '%7D%3EV
@@ -880,18 +880,63 @@
 /vendors
-'%7D
+%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3EVendors
@@ -934,37 +934,32 @@
 %22%3EVendors%3C/Link%3E
-%3C/li%3E
 %0A          %3Cli%3E%3C
@@ -957,12 +957,8 @@
     
-%3Cli%3E
 %3CLin
@@ -963,17 +963,17 @@
 ink to=%7B
-'
+%22
 /setting
@@ -977,10 +977,55 @@
 ings
-'%7D
+%22%7D className=%22navlink%22 activeClassName=%22active%22
 %3ESet
@@ -1040,13 +1040,8 @@
 ink%3E
-%3C/li%3E
 %0A   
@@ -1047,18 +1047,19 @@
       %3C/
-ul
+div
 %3E%0A      

Add header logo, index route, and navbar classes