cart display works but it's far from finished

front-ui/app/components/cart/cartIcon.js

@@ -1,6 +1,7 @@
 var React = require('react');
 var CartStore = require('../../stores/cartStore.js');
 var CartActions = require('../../actions/cartActions.js');
+var NavigationActions = require('../../actions/navigationActions.js');
 
 
 
@@ -15,7 +16,7 @@ var CartIcon = React.createClass({
   	  var textNotificationStyle = (this.state.count > 0)  ? { display: 'inline-block'} : { display: 'none'} ;
 
       return (
-      	  <div className="shopping-cart-icon">
+      	  <div className="shopping-cart-icon" onClick={this._onClick}>
           	<i style={cartStyle} className="fa fa-shopping-cart"></i>
           	<div style={textNotificationStyle} className="shopping-cart-notification-text">{this.state.count}</div>
           </div>
@@ -42,6 +43,10 @@ var CartIcon = React.createClass({
 
     componentWillUnmount: function () {
       CartStore.removeChangeListener(this._onChange);
+    },
+
+    _onClick: function() {
+      NavigationActions.goToCart();
     }