diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 1025982..518e59d 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -227,7 +227,7 @@ const App = connect((state) => ({login: state.login}))(function App({login}) { target="_blank" rel="noreferrer" > - {apiVersion ? t('App.footer.version', {apiVersion}) : t('App.footer.versionLoading')} + Version {apiVersion ? t('App.footer.version', {apiVersion}) : t('App.footer.versionLoading')} diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx index d9a8d37..60b9bcf 100644 --- a/frontend/src/pages/HomePage.tsx +++ b/frontend/src/pages/HomePage.tsx @@ -14,23 +14,26 @@ import styles from './HomePage.module.less' function MostRecentTrack() { const {t} = useTranslation() - const tracks: Track[] | null = useObservable( + const track: Track | null = useObservable( () => of(null).pipe( - switchMap(() => from(api.fetch("/tracks?limit=3"))), - map((response) => response?.tracks) + switchMap(() => from(api.fetch('/tracks?limit=1'))), + map((response) => response?.tracks?.[0]) ), null, [] - ); + ) + const {t} = useTranslation() return ( <> -
{t('HomePage.mostRecentTrack')}
- - {track === undefined ? ( - - ) : track ? ( +
Most recent tracks
+ + {tracks?.length === 0 ? ( + + No public tracks yet. Upload the first! + + ) : tracks ? ( {tracks.map((track) => ( @@ -38,7 +41,7 @@ function MostRecentTrack() { ) : null} - ); + ) } export default function HomePage() { @@ -48,13 +51,13 @@ export default function HomePage() { - + - ); + ) }