fix: 💄 fix minor ui issue in rich text quote elements

themashcodee · Aug 18, 2024 · 5c6d9a9 · 5c6d9a9
1 parent 0934ebf
commit 5c6d9a9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -11,7 +11,7 @@
   ],
   "repository": "https://github.com/themashcodee/slack-blocks-to-jsx.git",
   "license": "MIT",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

diff --git a/src/components/blocks/rich_text/rich_text.tsx b/src/components/blocks/rich_text/rich_text.tsx
@@ -115,9 +115,11 @@ const Element = (props: ElementProps) => {
       <blockquote className="flex gap-2 slack_blocks_to_jsx__rich_text_quote_element">
         {border === 1 && <div className="w-1 rounded bg-gray-primary self-stretch"></div>}
 
-        {elements.map((el, i) => {
-          return <RichTextSectionElement key={`${el.type}__${i}`} element={el} />;
-        })}
+        <div>
+          {elements.map((el, i) => {
+            return <RichTextSectionElement key={`${el.type}__${i}`} element={el} />;
+          })}
+        </div>
       </blockquote>
     );
   }