import { Fragment, useEffect, useState } from 'react' import { Bars3Icon, ExclamationTriangleIcon, XMarkIcon, } from '@heroicons/react/20/solid' import { useWallet } from '@solana/wallet-adapter-react' import ConnectedMenu from './wallet/ConnectedMenu' import ConnectWalletButton from './wallet/ConnectWalletButton' import useOnlineStatus from 'hooks/useOnlineStatus' import ThemeToggle from './ThemeToggle' import Link from 'next/link' import { useRouter } from 'next/router' import BoostLogo from './BoostLogo' import { IconButton } from './shared/Button' import { Transition } from '@headlessui/react' import { useViewport } from 'hooks/useViewport' const TopBar = () => { const { connected } = useWallet() const { isMobile } = useViewport() const [copied, setCopied] = useState('') const isOnline = useOnlineStatus() const router = useRouter() const { pathname } = router useEffect(() => { setTimeout(() => setCopied(''), 2000) }, [copied]) return (
Your connection appears to be offline