add tooltips to offline indicator in home

This commit is contained in:
Tom
2023-05-05 18:28:07 +02:00
parent 05d1a54e70
commit 5ee3c2c5e3
3 changed files with 28 additions and 17 deletions
+5 -3
View File
@@ -1,12 +1,13 @@
import React, { useEffect, useRef, useState } from 'react';
import React, { useEffect, useRef } from 'react';
import { Helmet } from 'react-helmet-async';
import { useAccount, useSubplebbit } from '@plebbit/plebbit-react-hooks';
import { useAccount } 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'
import BoardSubscription from '../BoardSubscription';
import packageJson from '../../../package.json'
import { Tooltip } from 'react-tooltip';
const {version} = packageJson
@@ -40,6 +41,7 @@ const Home = () => {
<title>plebchan</title>
</Helmet>
<Container>
<Tooltip id="tooltip" className="tooltip" />
<Header>
<Logo>
<Link to="/">