diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx
index 8d5c634d..d69e2bec 100644
--- a/src/components/views/Home.jsx
+++ b/src/components/views/Home.jsx
@@ -1,6 +1,6 @@
import React, { useEffect, useRef, useState } from 'react';
import { Helmet } from 'react-helmet-async';
-import { useAccount, useComment, useSubplebbit, useSubplebbits } from '@plebbit/plebbit-react-hooks';
+import { useAccount, useAccountSubplebbits, useComment, useSubplebbit, useSubplebbits } from '@plebbit/plebbit-react-hooks';
import { Link, useNavigate } from 'react-router-dom';
import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, BoardsBox, BoardsContent, Footer } from '../styled/views/Home.styled';
import BoardAvatar from '../BoardAvatar';
@@ -13,7 +13,7 @@ import { Tooltip } from 'react-tooltip';
const { version } = packageJson;
const commitRef = process?.env?.REACT_APP_COMMIT_REF ? ` ${process.env.REACT_APP_COMMIT_REF.slice(0, 7)}` : '';
-const RecentThread = ({ commentCid }) => {
+const PopularThreads = ({ commentCid }) => {
const comment = useComment({ commentCid });
const subplebbit = useSubplebbit({ subplebbitAddress: comment?.subplebbitAddress });
const { setSelectedAddress, setSelectedTitle } = useGeneralStore((state) => state);
@@ -34,13 +34,13 @@ const RecentThread = ({ commentCid }) => {
window.scrollTo(0, 0);
}}
>
- {commentMediaInfo?.type === 'webpage' && comment.thumbnailUrl ? (
+ {commentMediaInfo?.type === 'webpage' && commentMediaInfo?.thumbnail ? (
) : commentMediaInfo?.type === 'image' ? (
) : commentMediaInfo?.type === 'video' ? (
- ) : commentMediaInfo?.type === 'iframe' ? (
+ ) : commentMediaInfo?.type === 'iframe' && commentMediaInfo?.thumbnail ? (
) : (