Re-init DB and scaffold all models

web/src/layouts/CommentsLayout/CommentsLayout.js

@@ -0,0 +1,23 @@
+import { Link, routes } from '@redwoodjs/router'
+import { Flash } from '@redwoodjs/web'
+
+const CommentsLayout = (props) => {
+  return (
+    <div className="rw-scaffold">
+      <Flash timeout={1000} />
+      <header className="rw-header">
+        <h1 className="rw-heading rw-heading-primary">
+          <Link to={routes.comments()} className="rw-link">
+            Comments
+          </Link>
+        </h1>
+        <Link to={routes.newComment()} className="rw-button rw-button-green">
+          <div className="rw-button-icon">+</div> New Comment
+        </Link>
+      </header>
+      <main className="rw-main">{props.children}</main>
+    </div>
+  )
+}
+
+export default CommentsLayout

web/src/layouts/MainLayout/MainLayout.js

@@ -18,7 +18,7 @@ const MainLayout = ({ children }) => {
               <Link to={routes.home()}>
                 <Tooltip title="We need a logo!" >
 
-                <img src={logo} style={{marginLeft : '50px'}}/>            
+                <img src={logo} style={{marginLeft : '50px'}}/>
 
                 </Tooltip>
               </Link>
@@ -35,9 +35,9 @@ const MainLayout = ({ children }) => {
           </ul>
           <ul className="flex items-center">
             <li className="mr-8 h-10 w-10 rounded-full border-2 border-indigo-300 flex items-center justify-center">
-              <Link to={routes.newPart()}>
+              {/* <Link to={routes.newPart()}> */}
                 <Svg name="plus" className="text-indigo-300" />
-              </Link>
+              {/* </Link> */}
             </li>
             {
               isAuthenticated ?

web/src/layouts/PartReactionsLayout/PartReactionsLayout.js

@@ -0,0 +1,26 @@
+import { Link, routes } from '@redwoodjs/router'
+import { Flash } from '@redwoodjs/web'
+
+const PartReactionsLayout = (props) => {
+  return (
+    <div className="rw-scaffold">
+      <Flash timeout={1000} />
+      <header className="rw-header">
+        <h1 className="rw-heading rw-heading-primary">
+          <Link to={routes.partReactions()} className="rw-link">
+            PartReactions
+          </Link>
+        </h1>
+        <Link
+          to={routes.newPartReaction()}
+          className="rw-button rw-button-green"
+        >
+          <div className="rw-button-icon">+</div> New PartReaction
+        </Link>
+      </header>
+      <main className="rw-main">{props.children}</main>
+    </div>
+  )
+}
+
+export default PartReactionsLayout

web/src/layouts/PartsLayout/PartsLayout.js

@@ -0,0 +1,23 @@
+import { Link, routes } from '@redwoodjs/router'
+import { Flash } from '@redwoodjs/web'
+
+const PartsLayout = (props) => {
+  return (
+    <div className="rw-scaffold">
+      <Flash timeout={1000} />
+      <header className="rw-header">
+        <h1 className="rw-heading rw-heading-primary">
+          <Link to={routes.parts()} className="rw-link">
+            Parts
+          </Link>
+        </h1>
+        <Link to={routes.newPart()} className="rw-button rw-button-green">
+          <div className="rw-button-icon">+</div> New Part
+        </Link>
+      </header>
+      <main className="rw-main">{props.children}</main>
+    </div>
+  )
+}
+
+export default PartsLayout

web/src/layouts/UsersLayout/UsersLayout.js

@@ -0,0 +1,23 @@
+import { Link, routes } from '@redwoodjs/router'
+import { Flash } from '@redwoodjs/web'
+
+const UsersLayout = (props) => {
+  return (
+    <div className="rw-scaffold">
+      <Flash timeout={1000} />
+      <header className="rw-header">
+        <h1 className="rw-heading rw-heading-primary">
+          <Link to={routes.users()} className="rw-link">
+            Users
+          </Link>
+        </h1>
+        <Link to={routes.newUser()} className="rw-button rw-button-green">
+          <div className="rw-button-icon">+</div> New User
+        </Link>
+      </header>
+      <main className="rw-main">{props.children}</main>
+    </div>
+  )
+}
+
+export default UsersLayout