Integrate object creator into editor tool.

Author: demiankatz

client/src/Editor/EditHome.jsx

@@ -1,10 +1,18 @@
 import React from "react";
 import ChildList from "./ChildList";
+import { Link } from "react-router-dom";
 
 const EditHome = () => {
     return (
         <div>
-            <p>Welcome to the editor!</p>
+            <h1>Editor</h1>
+            <h2>Tools</h2>
+            <ul>
+                <li>
+                    <Link to="/edit/newChild">Create New Top-Level Object</Link>
+                </li>
+            </ul>
+            <h2>Contents</h2>
             <ChildList />
         </div>
     );

client/src/Editor/ObjectEditor.jsx

@@ -1,11 +1,19 @@
 import React from "react";
 import PropTypes from "prop-types";
 import ChildList from "./ChildList";
+import { Link } from "react-router-dom";
 
 const ObjectEditor = ({ pid }) => {
     return (
         <div>
-            <p>You are editing {pid}</p>
+            <h1>Editor: Object {pid}</h1>
+            <h2>Tools</h2>
+            <ul>
+                <li>
+                    <Link to={`/edit/object/${pid}/newChild`}>Create New Child Object</Link>
+                </li>
+            </ul>
+            <h2>Contents</h2>
             <ChildList pid={pid} />
         </div>
     );

client/src/Editor/__snapshots__/EditHome.test.jsx.snap

@@ -2,9 +2,24 @@
 
 exports[`EditHome renders 1`] = `
 <div>
-  <p>
-    Welcome to the editor!
-  </p>
+  <h1>
+    Editor
+  </h1>
+  <h2>
+    Tools
+  </h2>
+  <ul>
+    <li>
+      <Link
+        to="/edit/newChild"
+      >
+        Create New Top-Level Object
+      </Link>
+    </li>
+  </ul>
+  <h2>
+    Contents
+  </h2>
   <ChildList />
 </div>
 `;

client/src/Editor/__snapshots__/ObjectEditor.test.jsx.snap

@@ -2,10 +2,25 @@
 
 exports[`ObjectEditor renders 1`] = `
 <div>
-  <p>
-    You are editing 
+  <h1>
+    Editor: Object 
     foo:123
-  </p>
+  </h1>
+  <h2>
+    Tools
+  </h2>
+  <ul>
+    <li>
+      <Link
+        to="/edit/object/foo:123/newChild"
+      >
+        Create New Child Object
+      </Link>
+    </li>
+  </ul>
+  <h2>
+    Contents
+  </h2>
   <ChildList
     pid="foo:123"
   />

client/src/MainMenu.jsx

@@ -27,12 +27,6 @@ const MainMenu = () => {
                     <Link to="/solr">Solr Indexer</Link>
                 </li>
             </ul>
-            <h2>Object Editor Pieces</h2>
-            <ul>
-                <li>
-                    <Link to="/editor/object/new">Create Object</Link>
-                </li>
-            </ul>
         </div>
     );
 };

client/src/Routes.jsx

@@ -10,6 +10,11 @@ import PdfGenerator from "./PdfGenerator";
 import SolrIndexer from "./SolrIndexer";
 import CreateObject from "./Editor/CreateObject";
 
+const CreateObjectHook = () => {
+    const { pid } = useParams();
+    return <CreateObject parentPid={pid} allowNoParentPid={false} allowChangeParentPid={false} />;
+};
+
 const JobPaginatorHook = () => {
     const { category, job } = useParams();
     return <JobPaginator initialCategory={category} initialJob={job} />;
@@ -29,6 +34,12 @@ const Routes = () => {
             <Route exact path="/edit">
                 <EditHome />
             </Route>
+            <Route exact path="/edit/newChild">
+                <CreateObject allowNoParentPid={true} allowChangeParentPid={false} />
+            </Route>
+            <Route path="/edit/object/:pid/newChild">
+                <CreateObjectHook />
+            </Route>
             <Route path="/edit/object/:pid">
                 <ObjectEditorHook />
             </Route>
@@ -44,9 +55,6 @@ const Routes = () => {
             <Route exact path="/solr">
                 <SolrIndexer />
             </Route>
-            <Route path="/editor/object/new">
-                <CreateObject allowNoParentPid={true} />
-            </Route>
         </Switch>
     );
 };

client/src/__snapshots__/MainMenu.test.js.snap

@@ -62,17 +62,5 @@ exports[`MainMenu renders 1`] = `
       </Link>
     </li>
   </ul>
-  <h2>
-    Object Editor Pieces
-  </h2>
-  <ul>
-    <li>
-      <Link
-        to="/editor/object/new"
-      >
-        Create Object
-      </Link>
-    </li>
-  </ul>
 </div>
 `;

client/src/__snapshots__/Routes.test.js.snap

@@ -14,6 +14,20 @@ exports[`Routes render 1`] = `
   >
     <EditHome />
   </Route>
+  <Route
+    exact={true}
+    path="/edit/newChild"
+  >
+    <CreateObject
+      allowChangeParentPid={false}
+      allowNoParentPid={true}
+    />
+  </Route>
+  <Route
+    path="/edit/object/:pid/newChild"
+  >
+    <CreateObjectHook />
+  </Route>
   <Route
     path="/edit/object/:pid"
   >
@@ -42,12 +56,5 @@ exports[`Routes render 1`] = `
   >
     <Component />
   </Route>
-  <Route
-    path="/editor/object/new"
-  >
-    <CreateObject
-      allowNoParentPid={true}
-    />
-  </Route>
 </Switch>
 `;