Repo-view page with header, sidebar and body

static/js/directives/components/pages/repo-page/body.tsx

@@ -1,8 +1,32 @@
 import * as React from "react";
 
-class body extends React.Component<{}, {}> {
+interface IMain {
+  description: string
+}
+
+class body extends React.Component<IMain, {}> {
+  static propTypes = {
+    description: React.PropTypes.string.isRequired,
+  }
   render () {
-    return <div> The component for the main content</div>;
+    return(
+      <div>
+        <ul className="nav nav-tabs rp-tabs">
+            <li className="active"><a href="#tab1" data-toggle="tab">Description</a></li>
+            <li><a href="#tab2" data-toggle="tab">Automated Builds</a></li>
+        </ul>
+          <div className="panel-body rp-panelBody">
+              <div className="tab-content">
+                  <div className="tab-pane in active" id="tab1">
+                    <div className="rp-description">{this.props.description}</div>
+                  </div>
+                  <div className="tab-pane" id="tab2">
+                    TODO (IAN): Convert the build directives to angular components
+                  </div>
+              </div>
+          </div>
+      </div>
+    );
   }
 }