diff --git a/src/components/LastUpdate.tsx b/src/components/LastUpdate.tsx deleted file mode 100644 index 6ff5f9a..0000000 --- a/src/components/LastUpdate.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { ReactElement, useEffect, useState } from 'react' - -interface Props { - date: number | null -} - -export default function LastUpdate({ date }: Props): ReactElement { - const [duration, setDuration] = useState('never') - - const refresh = () => { - if (!date) setDuration('never') - else setDuration(`${((Date.now() - date) / 1000).toFixed()} seconds ago`) - } - - useEffect(() => { - refresh() - const i = setInterval(refresh, 1000) - - return () => clearInterval(i) - }, [date]) - - return Last Update: {duration} -} diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx index c7aa2f3..3e4efa4 100644 --- a/src/components/SideBar.tsx +++ b/src/components/SideBar.tsx @@ -9,8 +9,6 @@ import { Activity, FileText, DollarSign, Share2, Settings, Layers } from 'react- import SwarmLogoOrange from '../assets/swarm-logo-orange.svg' import { Health } from '@ethersphere/bee-js' -import LastUpdate from './LastUpdate' - const drawerWidth = 240 const navBarItems = [ @@ -87,7 +85,6 @@ interface Props extends RouteComponentProps { themeMode: string health: boolean nodeHealth: Health | null - lastUpdate: number | null } export default function SideBar(props: Props): ReactElement { @@ -170,9 +167,6 @@ export default function SideBar(props: Props): ReactElement { Debug API -
- -
diff --git a/src/layout/Dashboard.tsx b/src/layout/Dashboard.tsx index 7f2e62c..f410c49 100644 --- a/src/layout/Dashboard.tsx +++ b/src/layout/Dashboard.tsx @@ -33,8 +33,7 @@ const Dashboard = (props: Props): ReactElement => { const [themeMode, toggleThemeMode] = useState('light') - // FIXME: handle errrors and loading - const { isLoading, lastUpdate, apiHealth, debugApiHealth } = useContext(Context) + const { isLoading, apiHealth, debugApiHealth } = useContext(Context) useEffect(() => { const theme = localStorage.getItem('theme') @@ -57,13 +56,7 @@ const Dashboard = (props: Props): ReactElement => { return (
- +
diff --git a/src/pages/stamps/index.tsx b/src/pages/stamps/index.tsx index 567d487..613207a 100644 --- a/src/pages/stamps/index.tsx +++ b/src/pages/stamps/index.tsx @@ -5,7 +5,6 @@ import { Container, CircularProgress } from '@material-ui/core' import StampsTable from './StampsTable' import TroubleshootConnectionCard from '../../components/TroubleshootConnectionCard' import CreatePostageStampModal from './CreatePostageStampModal' -import LastUpdate from '../../components/LastUpdate' import { Context } from '../../providers/Stamps' import { Context as BeeContext } from '../../providers/Bee' @@ -33,7 +32,7 @@ export default function Accounting(): ReactElement { const classes = useStyles() const beeContext = useContext(BeeContext) - const { stamps, isLoading, error, lastUpdate, start, stop } = useContext(Context) + const { stamps, isLoading, error, start, stop } = useContext(Context) useEffect(() => { start() @@ -61,7 +60,6 @@ export default function Accounting(): ReactElement { <>
-
{isLoading && }