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;
 }