adjust pageReady handling in terms component

dbt-labs · Sep 20, 2024 · 7034b34 · 7034b34
1 parent 46c23a5
commit 7034b34
Showing 1 changed file with 13 additions and 24 deletions.
diff --git a/website/src/components/term/index.js b/website/src/components/term/index.js
@@ -39,30 +39,19 @@ export default function Term({ id, children = undefined }) {
 
   return (
     <>
-      {pageReady ? (
-        <>
-          <span
-            key={id}
-            className={styles.term}
-            data-tip
-            data-for={uniqueID}
-          >
-            {displayValue}
-          </span>
-          {hoverSnippet && (
-            <ReactTooltip
-              id={uniqueID}
-              className={styles.termToolTip}
-              place="bottom"
-              effect="solid"
-              wrapper="span"
-            >
-              {hoverSnippet}
-            </ReactTooltip>
-          )}
-        </>
-      ) : (
-        <span>{displayValue}</span>
+      <span key={id} className={styles.term} data-tip data-for={uniqueID}>
+        {displayValue}
+      </span>
+      {pageReady && hoverSnippet && (
+        <ReactTooltip
+          id={uniqueID}
+          className={styles.termToolTip}
+          place="bottom"
+          effect="solid"
+          wrapper="span"
+        >
+          {hoverSnippet}
+        </ReactTooltip>
       )}
     </>
   );