Add explicit handling of notes to portal components

theopensystemslab · Dec 18, 2024 · 4f2ba1c · 4f2ba1c
1 parent 2738947
commit 4f2ba1c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/editor.planx.uk/src/@planx/components/ExternalPortal/Editor.tsx b/editor.planx.uk/src/@planx/components/ExternalPortal/Editor.tsx
@@ -1,6 +1,6 @@
 import {
-  NodeTag,
   ComponentType as TYPES,
+  NodeTag,
 } from "@opensystemslab/planx-core/types";
 import { useFormik } from "formik";
 import React from "react";
@@ -18,14 +18,16 @@ interface Flow {
 const ExternalPortalForm: React.FC<{
   id?: string;
   flowId?: string;
+  notes?: string;
   handleSubmit?: (val: any) => void;
   flows?: Array<Flow>;
   tags?: NodeTag[];
-}> = ({ id, handleSubmit, flowId = "", flows = [], tags = [] }) => {
+}> = ({ id, handleSubmit, flowId = "", flows = [], tags = [], notes = "" }) => {
   const formik = useFormik({
     initialValues: {
       flowId,
       tags,
+      notes,
     },
     onSubmit: (values) => {
       if (handleSubmit) {

diff --git a/editor.planx.uk/src/@planx/components/InternalPortal/Editor.tsx b/editor.planx.uk/src/@planx/components/InternalPortal/Editor.tsx
@@ -1,7 +1,7 @@
 import MenuItem from "@mui/material/MenuItem";
 import {
-  NodeTag,
   ComponentType as TYPES,
+  NodeTag,
 } from "@opensystemslab/planx-core/types";
 import { useFormik } from "formik";
 import React from "react";
@@ -24,15 +24,24 @@ const InternalPortalForm: React.FC<{
   id?: string;
   text?: string;
   flowId?: string;
+  notes?: string;
   handleSubmit?: (val: any) => void;
   flows?: Array<Flow>;
   tags?: NodeTag[];
-}> = ({ handleSubmit, text = "", flowId = "", flows = [], tags = [] }) => {
+}> = ({
+  handleSubmit,
+  text = "",
+  flowId = "",
+  flows = [],
+  tags = [],
+  notes = "",
+}) => {
   const formik = useFormik({
     initialValues: {
       text,
       flowId,
       tags,
+      notes,
     },
     validate: (values) => {
       const errors: Record<string, string> = {};