define(['react', 'underscore', 'components/page_header'], function(React, _, PageHeader) {
    var VolumeDetail = React.createClass({
        helpText: function() {
            var p1 = React.DOM.p({}, "A volume is available when it is not attached to an instance. Any newly created volume must be formatted and then mounted after it has been attached before you will be able to use it.");
            var links = [
                ["Creating a Volume", "https://pods.iplantcollaborative.org/wiki/x/UyWO"],
                ["Attaching a Volume to an Instance", "https://pods.iplantcollaborative.org/wiki/x/OKxm#AttachingaVolumetoanInstance-Attachingavolumetoaninstance"],
                ["Formatting a Volume", "https://pods.iplantcollaborative.org/wiki/x/OKxm#AttachingaVolumetoanInstance-Createthefilesystem%28onetimeeventpervolume%29"],
                ["Mounting a Volume", "https://pods.iplantcollaborative.org/wiki/x/OKxm#AttachingaVolumetoanInstance-Mountthefilesystemonthepartition"],
                ["Unmounting and Detaching Volume", "https://pods.iplantcollaborative.org/wiki/x/OKxm#AttachingaVolumetoanInstance-Detachingvolumesfrominstances"]
            ];
            var link_list = React.DOM.ul({}, _.map(links, function(item) {
                return React.DOM.li({}, React.DOM.a({href: item[1]}, item[0]));
            }));
            var p2 = React.DOM.p({}, "More information about volumes:", link_list);
            return React.DOM.div({}, p1, p2);
        },
        render: function() {
            var volume = this.props.volume;
            console.log(volume);
            return PageHeader({title: "Volume: " + volume.get('name_or_id'), helpText: this.helpText})
        }
    });

    return VolumeDetail;
});

@@ -48,16 +48,42 @@
 _header'
+,%0A'components/common/time'
 %5D, funct
@@ -106,19 +106,663 @@
 geHeader
-) %7B
+, Time) %7B%0A%0A    var VolumeInfo = React.createClass(%7B%0A        render: function() %7B%0A            var items = %5B%0A                %5B%22Name%22, this.props.volume.get('name')%5D,%0A                %5B%22ID%22, this.props.volume.id%5D,%0A                %5B%22Provider%22, this.props.volume.get('provider')%5D,%0A                %5B%22Date Created%22, Time(%7Bdate: this.props.volume.get('create_time')%7D)%5D%0A            %5D;%0A%0A            var result = React.DOM.dl(%7B%7D, _.map(items, function(item) %7B%0A                return %5B%0A                    React.DOM.dt(%7B%7D, item%5B0%5D),%0A                    React.DOM.dd(%7B%7D, item%5B1%5D)%0A                %5D;%0A            %7D));%0A            return result;%0A        %7D%0A    %7D);%0A
 %0A    var
@@ -2273,16 +2273,51 @@
  return 
+React.DOM.div(%7B%7D, %0A                
 PageHead
@@ -2391,16 +2391,64 @@
 lpText%7D)
+,%0A                VolumeInfo(%7Bvolume: volume%7D));
 %0A       

Add volume detail dl