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 ? (
+
+
+ {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() {
-
+
- );
+ )
}