Organize directories and path

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+class body extends React.Component<{}, {}> {
+  render () {
+    return <div> The component for the main content</div>;
+  }
+}
+
+export default body;
+

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+class repoHeader extends React.Component<{}, {}> {
+  render () {
+    return <div> The component for the header</div>;
+  }
+}
+
+export default repoHeader;
+

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

@@ -0,0 +1,21 @@
+import * as angular from "angular";
+
+import repoHeader from "./header";
+import repoSidebar from "./sidebar";
+import repoMain from "./body";
+
+export function rpDirectives(){
+  angular.module('quayPages').directive('rpHeader', function(reactDirective) {
+    return reactDirective(repoHeader);
+  });
+
+  angular.module('quayPages').directive('rpSidebar', function(reactDirective) {
+    return reactDirective(repoSidebar);
+  });
+
+  angular.module('quayPages').directive('rpMain', function(reactDirective) {
+    return reactDirective(repoMain);
+  });
+}
+
+ 

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+class repo_sidebar extends React.Component<{}, {}> {
+  render () {
+    return <div> The component for the sidebar</div>;
+  }
+}
+
+export default repo_sidebar;
+