Add total listeners count to top listeners stat

metabrainz · Dec 29, 2023 · a57597b · a57597b
1 parent 858fedc
commit a57597b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/frontend/js/src/entity-pages/AlbumPage.tsx b/frontend/js/src/entity-pages/AlbumPage.tsx
@@ -67,6 +67,7 @@ export default function AlbumPage(props: AlbumPageProps): JSX.Element {
   const {
     total_listen_count: listenCount,
     listeners: topListeners,
+    total_user_count: userCount,
   } = listening_stats;
 
   const [metadata, setMetadata] = React.useState(initialReleaseGroupMetadata);
@@ -367,7 +368,7 @@ export default function AlbumPage(props: AlbumPageProps): JSX.Element {
             <div className="separator" />
             <div className="text-center">
               <div className="number">
-                {bigNumberFormatter.format(topListeners.length)}
+                {bigNumberFormatter.format(userCount)}
               </div>
               <div className="text-muted small">
                 <FontAwesomeIcon icon={faUserAstronaut} /> listeners

diff --git a/frontend/js/src/entity-pages/ArtistPage.tsx b/frontend/js/src/entity-pages/ArtistPage.tsx
@@ -52,6 +52,7 @@ export default function ArtistPage(props: ArtistPageProps): JSX.Element {
   const {
     total_listen_count: listenCount,
     listeners: topListeners,
+    total_user_count: userCount
   } = listeningStats;
 
   const [artist, setArtist] = React.useState(initialArtist);
@@ -354,7 +355,7 @@ export default function ArtistPage(props: ArtistPageProps): JSX.Element {
             <div className="separator" />
             <div className="text-center">
               <div className="number">
-                {bigNumberFormatter.format(topListeners.length)}
+                {bigNumberFormatter.format(userCount)}
               </div>
               <div className="text-muted small">
                 <FontAwesomeIcon icon={faUserAstronaut} /> listeners

diff --git a/frontend/js/src/entity-pages/utils.tsx b/frontend/js/src/entity-pages/utils.tsx
@@ -58,6 +58,7 @@ export type PopularRecording = {
 
 export type ListeningStats = {
   total_listen_count: number;
+  total_user_count: number;
   listeners: Array<{
     user_name: string;
     listen_count: number;