Translate HomePage, Stats

frontend/src/pages/HomePage.tsx

@@ -4,6 +4,7 @@ import {Message, Grid, Loader, Header, Item} from 'semantic-ui-react'
 import {useObservable} from 'rxjs-hooks'
 import {of, from} from 'rxjs'
 import {map, switchMap} from 'rxjs/operators'
+import {useTranslation} from 'react-i18next'
 
 import api from 'api'
 import {Stats, Page, Map} from 'components'
@@ -24,14 +25,15 @@ function MostRecentTrack() {
     []
   )
 
-  const {t} = useTranslation()
   return (
     <>
       <Header as="h2">Most recent tracks</Header>
       <Loader active={tracks === null} />
       {tracks?.length === 0 ? (
         <Message>
+          <Translate i18nKey="HomePage.noPublicTracks">
             No public tracks yet. <Link to="/upload">Upload the first!</Link>
+          </Translate>
         </Message>
       ) : tracks ? (
         <Item.Group>
@@ -54,7 +56,6 @@ export default function HomePage() {
           </Grid.Column>
           <Grid.Column width={8}>
             <MostRecentTrack />
-            <RegionStats />
           </Grid.Column>
         </Grid.Row>
       </Grid>