diff --git a/packages/editor/document-editor/src/ui/components/page-renderer.tsx b/packages/editor/document-editor/src/ui/components/page-renderer.tsx
index aca50f3ff..746d46e45 100644
--- a/packages/editor/document-editor/src/ui/components/page-renderer.tsx
+++ b/packages/editor/document-editor/src/ui/components/page-renderer.tsx
@@ -1,33 +1,46 @@
-import { EditorContainer, EditorContentWrapper } from "@plane/editor-core"
-import { Editor } from "@tiptap/react"
-import { DocumentDetails } from "../types/editor-types"
+import { EditorContainer, EditorContentWrapper } from "@plane/editor-core";
+import { Editor } from "@tiptap/react";
+import { DocumentDetails } from "../types/editor-types";
interface IPageRenderer {
- sidePeakVisible: boolean,
- documentDetails: DocumentDetails ,
- editor: Editor,
- editorClassNames: string,
- editorContentCustomClassNames?: string
+ sidePeakVisible: boolean;
+ documentDetails: DocumentDetails;
+ editor: Editor;
+ editorClassNames: string;
+ editorContentCustomClassNames?: string;
}
-export const PageRenderer = ({ sidePeakVisible, documentDetails, editor, editorClassNames, editorContentCustomClassNames }: IPageRenderer) => {
+export const PageRenderer = ({
+ sidePeakVisible,
+ documentDetails,
+ editor,
+ editorClassNames,
+ editorContentCustomClassNames,
+}: IPageRenderer) => {
return (
-
+
-
{documentDetails.title}
+
+ {documentDetails.title}
+
-
-
- )
-}
+ );
+};
diff --git a/web/components/pages/create-update-page-modal.tsx b/web/components/pages/create-update-page-modal.tsx
index 62e3d244e..7816e8dce 100644
--- a/web/components/pages/create-update-page-modal.tsx
+++ b/web/components/pages/create-update-page-modal.tsx
@@ -38,7 +38,7 @@ export const CreateUpdatePageModal: FC
= (props) => {
const createProjectPage = async (payload: IPage) => {
if (!workspaceSlug) return;
- createPage(workspaceSlug.toString(), projectId, payload)
+ await createPage(workspaceSlug.toString(), projectId, payload)
.then((res) => {
router.push(`/${workspaceSlug}/projects/${projectId}/pages/${res.id}`);
onClose();
@@ -67,7 +67,7 @@ export const CreateUpdatePageModal: FC = (props) => {
const updateProjectPage = async (payload: IPage) => {
if (!data || !workspaceSlug) return;
- return updatePage(workspaceSlug.toString(), projectId, data.id, payload)
+ await updatePage(workspaceSlug.toString(), projectId, data.id, payload)
.then((res) => {
onClose();
setToastAlert({
diff --git a/web/components/pages/page-form.tsx b/web/components/pages/page-form.tsx
index 18366286c..594390255 100644
--- a/web/components/pages/page-form.tsx
+++ b/web/components/pages/page-form.tsx
@@ -1,9 +1,9 @@
-import { useEffect } from "react";
import { Controller, useForm } from "react-hook-form";
// ui
import { Button, Input, Tooltip } from "@plane/ui";
// types
import { IPage } from "types";
+// constants
import { PAGE_ACCESS_SPECIFIERS } from "constants/page";
type Props = {
@@ -18,31 +18,21 @@ const defaultValues = {
access: 0,
};
-export const PageForm: React.FC = ({ handleFormSubmit, handleClose, data }) => {
+export const PageForm: React.FC = (props) => {
+ const { handleFormSubmit, handleClose, data } = props;
+
const {
formState: { errors, isSubmitting },
handleSubmit,
control,
- reset,
} = useForm({
- defaultValues,
+ defaultValues: { ...defaultValues, ...data },
});
const handleCreateUpdatePage = async (formData: IPage) => {
await handleFormSubmit(formData);
-
- reset({
- ...defaultValues,
- });
};
- useEffect(() => {
- reset({
- ...defaultValues,
- ...data,
- });
- }, [data, reset]);
-
return (