respect line breaks in project/entity descriptions (#1439)

DesignSafe-CI · Sep 18, 2024 · 1f3e1bc · 1f3e1bc
1 parent 2274548
commit 1f3e1bc
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/client/modules/datafiles/src/projects/BaseProjectDetails.tsx b/client/modules/datafiles/src/projects/BaseProjectDetails.tsx
@@ -446,7 +446,7 @@ export const BaseProjectDetails: React.FC<{
       {projectValue.description && (
         <DescriptionExpander>
           <strong>Description: </strong>
-          {projectValue.description}
+          <p className="render-linebreaks">{projectValue.description}</p>
         </DescriptionExpander>
       )}
     </section>

diff --git a/client/modules/datafiles/src/projects/PublishedEntityDetails.tsx b/client/modules/datafiles/src/projects/PublishedEntityDetails.tsx
@@ -221,7 +221,7 @@ export const PublishedEntityDetails: React.FC<{
       </table>
       <DescriptionExpander>
         <strong>Description: </strong>
-        {entityValue.description}
+        <p className="render-linebreaks">{entityValue.description}</p>
       </DescriptionExpander>
     </section>
   );

diff --git a/client/modules/datafiles/src/projects/SubEntityDetails.tsx b/client/modules/datafiles/src/projects/SubEntityDetails.tsx
@@ -159,7 +159,9 @@ export const SubEntityDetails: React.FC<{
       </table>
       <DescriptionExpander>
         <strong>Description: </strong>
-        {entityValue.description || '(N/A)'}
+        <p className="render-linebreaks">
+          {entityValue.description || '(N/A)'}
+        </p>
       </DescriptionExpander>
     </section>
   );

diff --git a/client/src/styles.css b/client/src/styles.css
@@ -107,6 +107,10 @@
   flex: 2;
 }
 
+.render-linebreaks {
+  white-space: pre-line;
+}
+
 .inner-form-item {
   margin-bottom: 0;
 }