From c5468ccd695dba6a86d4a0874c045a95656b4f91 Mon Sep 17 00:00:00 2001
From: David Nunez <103138766+djnunez-aot@users.noreply.github.com>
Date: Fri, 21 Feb 2025 11:08:03 -0500
Subject: [PATCH 1/2] update staff view of notes

---
 .../FormFieldSection.tsx                         | 16 ++++++++--------
 .../ManagementPlanStaffView/FormFieldSection.tsx | 15 +++++++--------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
index e9c7fa0f..9f1d98e6 100644
--- a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
@@ -20,6 +20,7 @@ const defaultFormData = {
   planWasReviewed: "",
   writtenExplanationsProvidedToParties: "",
   consultationRecords: [],
+  notes: "",
 };
 
 type FormFieldSectionProps = Readonly<{
@@ -154,16 +155,15 @@ export default function FormFieldSection({
             <Typography variant="body1" sx={{ fontWeight: 700 }}>
               Notes/Comments
             </Typography>
-            <TextField
-              fullWidth
-              multiline
-              minRows={4}
-              disabled
-              value={mergedFormData.notes}
+            <Typography
+              variant="body2"
               sx={{
-                mb: 0,
+                whiteSpace: "pre-wrap", // Ensures new lines are preserved
+                wordBreak: "break-word", // Prevents text overflow
               }}
-            />
+            >
+              {mergedFormData.notes}
+            </Typography>
           </Grid>
         </When>
       </Grid>
diff --git a/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
index ccc81497..ed56f25b 100644
--- a/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
@@ -109,16 +109,15 @@ export default function FormFieldSection({ formData }: FormFieldSectionProps) {
             <Typography variant="body1" sx={{ fontWeight: 700 }}>
               Notes/Comments
             </Typography>
-            <TextField
-              fullWidth
-              multiline
-              disabled
-              minRows={4}
-              value={mergedFormData.notes}
+            <Typography
+              variant="body2"
               sx={{
-                mb: 0,
+                whiteSpace: "pre-wrap", // Ensures new lines are preserved
+                wordBreak: "break-word", // Prevents text overflow
               }}
-            />
+            >
+              {mergedFormData.notes}
+            </Typography>
           </Grid>
         </When>
       </Grid>

From cc59ef2864567dece2a3c1d471aad3782fa545c1 Mon Sep 17 00:00:00 2001
From: David Nunez <103138766+djnunez-aot@users.noreply.github.com>
Date: Fri, 21 Feb 2025 11:17:43 -0500
Subject: [PATCH 2/2] remove unused imports

---
 .../ConsultationRecordStaffView/FormFieldSection.tsx             | 1 -
 .../ManagementPlanStaffView/FormFieldSection.tsx                 | 1 -
 2 files changed, 2 deletions(-)

diff --git a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
index 9f1d98e6..6084e2dc 100644
--- a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
@@ -4,7 +4,6 @@ import {
   Grid,
   RadioGroup,
   Switch,
-  TextField,
   Typography,
 } from "@mui/material";
 import { BCDesignTokens } from "epic.theme";
diff --git a/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
index ed56f25b..23c95100 100644
--- a/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
@@ -5,7 +5,6 @@ import {
   Grid,
   RadioGroup,
   Switch,
-  TextField,
   Typography,
 } from "@mui/material";
 import { BCDesignTokens } from "epic.theme";