fix(infogram): add data-title attr and logs

britannica · Mar 31, 2023 · 7f447d1 · 7f447d1
1 parent 8d64205
commit 7f447d1
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/MediaOverlay/Media/DefaultInfogram/DefaultInfogram.js b/src/components/MediaOverlay/Media/DefaultInfogram/DefaultInfogram.js
@@ -6,11 +6,14 @@ const DefaultInfogram = ({ filename, title }) => {
   const ref = useRef();
 
   useEffect(() => {
+    console.log('infogram mount', filename, title);
+
     const infographicContainer = ref.current;
 
     let script;
 
     if (infographicContainer) {
+      console.log('infogram if condition', filename, title);
       script = document.createElement('script');
 
       script.setAttribute('id', filename);
@@ -21,12 +24,13 @@ const DefaultInfogram = ({ filename, title }) => {
     }
 
     return () => {
+      console.log('infogram unmount', filename, title);
       infographicContainer?.removeChild(script);
     };
   }, [filename, ref, title]);
 
   return (
-    <div ref={ref} className={styles.DefaultInfogram} />
+    <div data-title={title} ref={ref} className={styles.DefaultInfogram} />
   );
 };