Add support for new line in description (#210)

* Add support for new line in description * Add changeset
wei · Nov 1, 2023 · 6db06b3 · 6db06b3 · vercel · Nov 1, 2023
1 parent 7ced699
commit 6db06b3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/quiet-mugs-sort.md b/.changeset/quiet-mugs-sort.md
@@ -0,0 +1,5 @@
+---
+'socialify': minor
+---
+
+Support new line in description
diff --git a/src/components/preview/__snapshots__/card.test.tsx.snap b/src/components/preview/__snapshots__/card.test.tsx.snap
@@ -84,7 +84,7 @@ exports[`Card #2 renders 1`] = `
   </p>
   <p
     class="card-description-wrapper"
-    style="display: flex; justify-content: center; width: 100%; margin-top: 10px; margin-bottom: 0px; font-size: 17px; line-height: 1.4; max-height: 3em; overflow: hidden; word-break: break-all;"
+    style="display: flex; justify-content: center; width: 100%; margin-top: 10px; margin-bottom: 0px; font-size: 17px; line-height: 1.4; max-height: 3em; overflow: hidden; word-break: break-all; white-space: pre-wrap;"
   >
     TEST DESCRIPTION
   </p>

diff --git a/src/components/preview/card.tsx b/src/components/preview/card.tsx
@@ -143,7 +143,8 @@ export const Card = (config: Configuration) => {
             lineHeight: 1.4,
             maxHeight: '3em',
             overflow: 'hidden',
-            wordBreak: 'break-all'
+            wordBreak: 'break-all',
+            whiteSpace: 'pre-wrap'
           }}>
           {config.description.value}
         </p>