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 ? ( post ) : commentMediaInfo?.type === 'image' ? ( post ) : commentMediaInfo?.type === 'video' ? (