From 930dd3ea2c3b452785241ecea38206392f303f72 Mon Sep 17 00:00:00 2001
From: I Made Dwija Abinawa <madeabinawa@gmail.com>
Date: Mon, 15 Aug 2022 21:51:44 +0800
Subject: [PATCH] add page_type option on create page. fixes #2

---
 src/pages/page/editor/index.js |  9 ++++++++-
 src/pages/page/index.js        | 10 ++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/pages/page/editor/index.js b/src/pages/page/editor/index.js
index 1a8e4ff5..498913e2 100644
--- 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
index 6682fd61..ca5de9a0 100644
--- 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>