view now gets item with details

front-ui/app/views/itemDetailsView.js

@@ -1,6 +1,7 @@
 var Backbone = require('backbone'),
     React = require('react'),
-    ItemWithDetails = require('../models/itemWithDetails');
+    ItemWithDetails = require('../models/itemWithDetails'),
+    ItemWithDetailsPage = require('../components/itemWithDetailsPage');
 
 var ItemDetailsView = Backbone.View.extend({
     el: '#content',
@@ -10,21 +11,19 @@ var ItemDetailsView = Backbone.View.extend({
     },
 
     render: function() {
+        var self = this;
         this.$el.html(this.template);
         var item = new ItemWithDetails({id: this.itemId });
         console.log(item);
 
-        item.fetch({success: function() {
-
-            /*var resultItems = items.map(function (a) { return a.attributes });
-            React.render(new ItemList({            
-                items: items,
-                itemClick: self.itemClick
-            }), self.$('.item-details-container').get(0)); */
-        console.log("great success!");
-            
-        return this; }
+        item.fetch({success: function() {            
+            React.render(new ItemWithDetailsPage({            
+                item: item
+            }), 
+            self.$('.item-details-container').get(0));            
+         }
         });
+        return this;
     }
 });