rep defect 42,questioinnaire defect 67, enf defect 16

components/case/representation/index.js

@@ -9,7 +9,7 @@ import { formValueSelector, reduxForm } from "redux-form";
 
 import { signIn, useSession } from "next-auth/react";
 import { generateRepPDF, sendEmail, uploadRepFiles } from "../../../actions";
-import { formatDates } from "../../../components/utils";
+import { formatDates, updateLinks } from "../../../components/utils";
 import {
     setRepresentationCapacity,
     setRepresentationMessageSent,
@@ -1100,6 +1100,8 @@ let MakeRepresentation = (props) => {
             ? cleanFilesList(values)
             : values;
 
+        values = updateLinks(values);
+
         // get filelists from values object
         let fileListObj = _.filter(values, function (v, key) {
             return _.includes(key, "representationDocuments");

components/case/representation/representationElements.js

@@ -16,7 +16,16 @@ import {
     getFilesFromBlobproxy,
 } from "../../../actions";
 
-const ReactQuill = dynamic(() => import("react-quill-new"), { ssr: false });
+const LoadingMessage = () => <div>Loading the editor...</div>;
+
+// Dynamically import ReactQuill with a proper loading state
+const ReactQuill = dynamic(
+    () => import("react-quill-new").then((mod) => mod.default),
+    {
+        ssr: false,
+        loading: () => <LoadingMessage />, // This is valid as long as it's a valid React component
+    }
+);
 import { useDispatch } from "react-redux"; // Import the useDispatch hook
 
 import {