External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

add offline indicator in popular boards section

Browse Source
This commit is contained in:
Tom
2023-05-04 18:18:47 +02:00
parent d98649f77e
commit 2108d165fc
5 changed files with 47 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Home.jsx
+1 -14
View File
@@ -4,24 +4,11 @@ import { useAccount, useSubplebbit } from '@plebbit/plebbit-react-hooks';
import useGeneralStore from '../../hooks/stores/useGeneralStore';
import { Link, useNavigate } from 'react-router-dom';
import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from '../styled/Home.styled';
import BoardAvatar from '../BoardAvatar';
import packageJson from '../../../package.json'
const {version} = packageJson
const BoardAvatar = ({ address }) => {
const [avatarUrl, setAvatarUrl] = useState('assets/plebchan.png');
const subplebbit = useSubplebbit({ subplebbitAddress: address });
useEffect(() => {
if (subplebbit.suggested?.avatarUrl) {
setAvatarUrl(subplebbit.suggested.avatarUrl);
}
}, [subplebbit.suggested?.avatarUrl, subplebbit]);
return <img alt="board logo" src={avatarUrl} />;
};
const Home = () => {
const {
setBodyStyle,