add parts data

web/src/pages/EditPartPage/EditPartPage.js

@@ -0,0 +1,12 @@
+import PartsLayout from 'src/layouts/PartsLayout'
+import EditPartCell from 'src/components/EditPartCell'
+
+const EditPartPage = ({ id }) => {
+  return (
+    <PartsLayout>
+      <EditPartCell id={id} />
+    </PartsLayout>
+  )
+}
+
+export default EditPartPage

web/src/pages/HomePage/HomePage.js

@@ -1,4 +1,4 @@
-import BlogLayout from 'src/layouts/BlogLayout'
+import MainLayout from 'src/layouts/MainLayout'
 import BlogPostsCell from 'src/components/BlogPostsCell'
 import { initialize } from 'src/cascade/js/MainPage/CascadeMain'
 import { useEffect, useState } from 'react'
@@ -35,11 +35,10 @@ const HomePage = () => {
   }, [])
   return (
 
-    <BlogLayout>
+    <MainLayout>
       <div>current code {code}</div>
       <BlogPostsCell/>
       <div>
-        <h1 hidden></h1>
         <div id="topnav" className="topnav">
             <a href="https://github.com/zalo/CascadeStudio">Cascade Studio 0.0.6</a>
             <a href="#" id="main-proj-button" title="Sets this project to save in local storage." onClick={() => makeMainProject()}>Make Main Project</a>
@@ -70,7 +69,7 @@ const HomePage = () => {
         </div>
         <footer>footer</footer>
       </div>
-    </BlogLayout>
+    </MainLayout>
   )
 }
 

web/src/pages/NewPartPage/NewPartPage.js

@@ -0,0 +1,12 @@
+import PartsLayout from 'src/layouts/PartsLayout'
+import NewPart from 'src/components/NewPart'
+
+const NewPartPage = () => {
+  return (
+    <PartsLayout>
+      <NewPart />
+    </PartsLayout>
+  )
+}
+
+export default NewPartPage

web/src/pages/PartPage/PartPage.js

@@ -0,0 +1,15 @@
+import PartsLayout from 'src/layouts/PartsLayout'
+import MainLayout from 'src/layouts/MainLayout'
+import PartCell from 'src/components/PartCell'
+
+const PartPage = ({ id }) => {
+  return (
+    <MainLayout>
+      <PartsLayout>
+        <PartCell id={id} />
+      </PartsLayout>
+    </MainLayout>
+  )
+}
+
+export default PartPage

web/src/pages/PartsPage/PartsPage.js

@@ -0,0 +1,15 @@
+import MainLayout from 'src/layouts/MainLayout'
+import PartsLayout from 'src/layouts/PartsLayout'
+import PartsCell from 'src/components/PartsCell'
+
+const PartsPage = () => {
+  return (
+    <MainLayout>
+      <PartsLayout>
+        <PartsCell />
+      </PartsLayout>
+    </MainLayout>
+  )
+}
+
+export default PartsPage

web/src/pages/PostsPage/PostsPage.js

@@ -1,11 +1,14 @@
+import MainLayout from 'src/layouts/MainLayout'
 import PostsLayout from 'src/layouts/PostsLayout'
 import PostsCell from 'src/components/PostsCell'
 
 const PostsPage = () => {
   return (
-    <PostsLayout>
-      <PostsCell />
-    </PostsLayout>
+    <MainLayout>
+      <PostsLayout>
+        <PostsCell />
+      </PostsLayout>
+    </MainLayout>
   )
 }