add page_type option on create page. fixes creativetimofficial#2

projectyana · Aug 15, 2022 · 930dd3e · 930dd3e
1 parent 1db05ba
commit 930dd3e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/src/pages/page/editor/index.js b/src/pages/page/editor/index.js
@@ -53,6 +53,11 @@ const PageEditor = () => {
       tags: selectedTags.map(item => item.value).join(",")
     };
 
+    if (values.page_type === "editor") {
+      // if page_type is editor, then fill html_content with values.content from TextEditor component
+      finalValue.html_content = values?.content;
+    }
+
     console.log(finalValue);
 
     action === "create"
@@ -78,7 +83,9 @@ const PageEditor = () => {
       slug: action === "edit" ? slug : "",
       tags: action === "edit" ? tags : "",
       html_content: action === "edit" ? html_content : "",
-      css_content: action === "edit" ? css_content : ""
+      css_content: action === "edit" ? css_content : "",
+      content: action === "edit" && type === "editor" ? html_content : "",         // for TextEditor component
+      page_type: type
     },
     onSubmit: formSubmitHandler,
   });

diff --git a/src/pages/page/index.js b/src/pages/page/index.js
@@ -140,6 +140,9 @@ const PageMenu = () => {
             <TableCell>
               <SuiTypography variant="h6">Slug</SuiTypography>
             </TableCell>
+            <TableCell>
+              <SuiTypography variant="h6">Type</SuiTypography>
+            </TableCell>
             <TableCell>
               <SuiTypography variant="h6">Tags</SuiTypography>
             </TableCell>
@@ -156,8 +159,11 @@ const PageMenu = () => {
                 <TableCell component="th" scope="row">
                   <SuiTypography variant="caption">{row.slug}</SuiTypography>
                 </TableCell>
+                <TableCell component="th" scope="row">
+                  <SuiTypography variant="caption">{row.page_type}</SuiTypography>
+                </TableCell>
                 <TableCell>
-                  <SuiTypography variant="caption">{row.tags}</SuiTypography>
+                  <SuiTypography variant="caption">{row?.tags?.split(",").join(", ")}</SuiTypography>
                 </TableCell>
                 <TableCell>
                   <SuiBox display="flex" alignItems="center">
@@ -166,7 +172,7 @@ const PageMenu = () => {
                         size="small"
                         variant="text"
                         color="dark"
-                        onClick={() => navigate("editor/edit", { state: { ...row } })}
+                        onClick={() => navigate("editor/edit", { state: { ...row, type: row.page_type } })}
                       >
                         <Icon>edit</Icon>&nbsp;edit
                       </SuiButton>