fix(ui): texthighlight block empty text removes element

intk · Mar 7, 2024 · 6d32fcb · 6d32fcb
1 parent e546cc5
commit 6d32fcb
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/frontend/src/components/blocks/TextHighlight/index.jsx b/frontend/src/components/blocks/TextHighlight/index.jsx
@@ -8,13 +8,18 @@ const installTextHighlightBlock = (config) => {
     title: 'Text Highlight',
     icon: alertSVG,
     group: 'common',
-    view: (props) => (
-      <div className="block full-width text-highlight">
-        <Container>
-          <TextBlockView {...props} />
-        </Container>
-      </div>
-    ),
+    view: (props) => {
+      const text = props.data.plaintext.trim() || '';
+      return text ? (
+        <div className="block text-highlight">
+          <Container>
+            <TextBlockView {...props} />
+          </Container>
+        </div>
+      ) : (
+        ''
+      );
+    },
     edit: (props) => (
       <div className="block edit-mode text-highlight">
         <TextBlockEdit {...props} />