created navigation store

front-ui/app/components/items/itemWithDetailsPage.js

@@ -3,15 +3,11 @@ var React = require('react'),
     ItemActions = require('../../actions/itemActions'),
     ItemStore = require('../../stores/itemStore');
 
-var Item = require('../../models/item');
-
 var Router = require('react-router');
-var Navigation = Router.Navigation;
+
 
 var ItemWithDetailsPage = React.createClass({
 
-
-  mixins : [Router.State],
     render: function() {
 
       return (
@@ -27,9 +23,6 @@ var ItemWithDetailsPage = React.createClass({
         <div> {this.state.item.get('description')}</div>
         </div>
         <ItemMultiMediaDescriptions descriptions={this.state.item.get('multi_media_descriptions')} />
-
-
-
         </div>
         <div className="span4">
         quantitative descriptions
@@ -41,19 +34,7 @@ var ItemWithDetailsPage = React.createClass({
 
     // Add change listeners to stores
     componentDidMount: function() {
-      //ItemStore.addChangeListener(this._onChange);
-      //ItemActions.loadFrontPageItems();
-
-      var self = this;
-      var item = new Item({ id: self.getParams().id });
-      item.fetch({success: function() {
-        if (self.isMounted()) {
-          console.log('article loaded', item);
-          self.setState({
-            item : item
-          });
-        }
-      }});
+      ItemStore.addChangeListener(this._onChange);
     },
 
     _onChange: function () {
@@ -64,8 +45,7 @@ var ItemWithDetailsPage = React.createClass({
 
     getInitialState: function () {
       return { 
-        //item: ItemStore.getSelectedItem() 
-        item : (new Item())
+        item : ItemStore.getSelectedItem()
       }; 
     }