fix: preserve newlines on view object pages

rosalindfranklininstitute · Mar 11, 2024 · ca82dca · ca82dca
1 parent 5c75f19
commit ca82dca
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/crudtemplates/ViewObjectPage.js b/frontend/src/crudtemplates/ViewObjectPage.js
@@ -142,7 +142,7 @@ const ViewObjectPage = (props) => {
                 <dt className="text-sm font-medium text-gray-500">
                   {field.label}
                 </dt>
-                <dd className="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words">
+                <dd className="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words whitespace-pre-wrap">
                   {!loading &&
                     displayField(field, record, "ViewObjectPage", {
                       setRecord: setRecord,

diff --git a/frontend/src/crudtemplates/utils.js b/frontend/src/crudtemplates/utils.js
@@ -289,7 +289,9 @@ export const displayField = (field, record, context, props) => {
             x
           ) : (
             <>
-              {acc} <br /> {x}
+              {acc}
+              <br />
+              {x}
             </>
           ),
         null,
-Original file line number
+Diff line change
@@ Expand Up @@
                 x
               ) : (
                 <>
-                  {acc} <br /> {x}
+                  {acc}
+                  <br />
+                  {x}
                 </>
               ),
             null,
@@ Expand Down @@