fix announcement bar loading

cartesi · Aug 8, 2024 · 99ed84b · 99ed84b
1 parent aabcafe
commit 99ed84b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/theme/AnnouncementBar/Content/index.js b/src/theme/AnnouncementBar/Content/index.js
@@ -22,6 +22,7 @@ export default function AnnouncementBarContent(props) {
   const { announcementBar } = useThemeConfig();
   const { content } = announcementBar;
 
+  const [loaded, setLoaded] = useState(false);
   const [dynamicContent, setDynamicContent] = useState(content);
   const [balanceLoaded, setBalanceLoaded] = useState(false);
 
@@ -68,6 +69,7 @@ export default function AnnouncementBarContent(props) {
         newContent = newContent.replace(`{{${v}}}`, values[i]);
       });
       setDynamicContent(newContent);
+      setLoaded(true);
     }
 
     updateContent();
@@ -79,7 +81,9 @@ export default function AnnouncementBarContent(props) {
       className={clsx(styles.content, props.className)}
       // Developer provided the HTML, so assume it's safe.
       // eslint-disable-next-line react/no-danger
-      dangerouslySetInnerHTML={{ __html: dynamicContent }}
+      dangerouslySetInnerHTML={{
+        __html: loaded ? dynamicContent : null,
+      }}
     />
   );
 }