diff --git a/static/js/directives/components/pages/repo-page/body.tsx b/static/js/directives/components/pages/repo-page/body.tsx
index a6145e85b..29db9f3a3 100644
--- a/static/js/directives/components/pages/repo-page/body.tsx
+++ b/static/js/directives/components/pages/repo-page/body.tsx
@@ -1,16 +1,19 @@
 import * as React from "react";
 
 interface IBody {
-  description: string
+  description: string,
+  api: Object
 }
 
 /**
  * The Component for the main body of the repo page
  * @param {string} description - The description of the repository
+ * @param {object} api - The ApiService injected from Angular
  */
 class body extends React.Component<IBody, {}> {
   static propTypes = {
     description: React.PropTypes.string.isRequired,
+    api: React.PropTypes.object.isRequired
   }
   render () {
     let description: string = this.props.description;
@@ -33,7 +36,7 @@ class body extends React.Component<IBody, {}> {
                     <div className="rp-description">{description}</div>
                   </div>
                   <div className="tab-pane" id="tab2">
-                    TODO (IAN): Convert the build directives to angular components
+                    <h3 className="tab-header">Repository Builds</h3>
                   </div>
               </div>
           </div>
diff --git a/static/js/directives/components/pages/repo-page/main.tsx b/static/js/directives/components/pages/repo-page/main.tsx
index 91c3422aa..5dd13c624 100644
--- a/static/js/directives/components/pages/repo-page/main.tsx
+++ b/static/js/directives/components/pages/repo-page/main.tsx
@@ -14,8 +14,8 @@ export function rpDirectives(){
     return reactDirective(repoSidebar);
   });
 
-  angular.module('quayPages').directive('rpBody', function(reactDirective) {
-    return reactDirective(repoBody);
+  angular.module('quayPages').directive('rpBody', function(reactDirective, ApiService) {
+    return reactDirective(repoBody, undefined, {}, {api: ApiService});
   });
 }