Create seperate directive

static/js/pages/repo-view.js

@@ -2,19 +2,6 @@
   /**
    * Repository view page.
    */
-
-  var testComponent = React.createClass({
-    propTypes: {
-      prop1: React.PropTypes.string.isRequired,
-      prop2: React.PropTypes.string.isRequired
-    },
-    render: function() {
-      return React.DOM.span( null,
-        'This is a react component: ' + this.props.prop1 + ' ' + this.props.prop2
-      );
-    }
-  });
-
   angular.module('quayPages')
     .config(['pages', function(pages) {
       pages.create('repo-view', 'repo-view.html', RepoViewCtrl, {
@@ -23,10 +10,6 @@
         'description': 'Repository {{ namespace }}/{{ name }}'
       });
     }])
-    .value('TestComponent', testComponent)
-    .directive('testComponent', function(reactDirective) {
-      return reactDirective(testComponent);
-    });
 
   function RepoViewCtrl($scope, $routeParams, $location, $timeout, ApiService, UserService, AngularPollChannel, ImageLoaderService, CookieService) {
     $scope.reactProps = {