fix getCommentMediaInfo

src/components/views/Pending.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
@@ -36,10 +36,9 @@ const Pending = () => {
   useError(errorMessage, [errorMessage]);
   useSuccess(successMessage, [successMessage]);
   const navigate = useNavigate();
-  const commentMediaInfo = getCommentMediaInfo(comment);
+  const [commentMediaInfo, setCommentMediaInfo] = useState(null);
   const fallbackImgUrl = "/assets/filedeleted-res.gif";
 
-
   // mobile navbar board select functionality
   const handleSelectChange = (event) => {
     const selected = event.target.value;
@@ -49,6 +48,15 @@ const Pending = () => {
     navigate(`/p/${selected}`);
   };
 
+  // get comment media info
+  useEffect(() => {
+    if (comment && comment.link) {
+      const mediaInfo = getCommentMediaInfo(comment);
+      setCommentMediaInfo(mediaInfo);
+    }
+  }, [comment]);
+  
+
   return (
     <Container>
       <SettingsModal