Fix "undefined" in stats card

1 files changed, 10 insertions, 4 deletions

diff --git a/client/src/assets/player/shared/stats/stats-card.ts b/client/src/assets/player/shared/stats/stats-card.ts
index fad68cec9..077c900e5 100644
--- a/client/src/assets/player/shared/stats/stats-card.ts
+++ b/client/src/assets/player/shared/stats/stats-card.ts
@@ -273,6 +273,8 @@ class StatsCard extends Component {
     colorSpace?: string
   }) {
     const { playerNetworkInfo, progress, colorSpace, codecs, resolution, buffer, latency } = options
+    const { downloadedFromServer, downloadedFromPeers } = playerNetworkInfo
+
     const player = this.player()
 
     const videoQuality: VideoPlaybackQuality = player.getVideoPlaybackQuality()
@@ -291,10 +293,14 @@ class StatsCard extends Component {
       ? `${playerNetworkInfo.downloadSpeed} ⇓ / ${playerNetworkInfo.uploadSpeed} ⇑`
       : undefined
 
-    const totalTransferred = playerNetworkInfo.totalDownloaded
-      ? `${playerNetworkInfo.totalDownloaded} ⇓ / ${playerNetworkInfo.totalUploaded} ⇑`
-      : undefined
-    const { downloadedFromServer, downloadedFromPeers } = playerNetworkInfo
+    let totalTransferred = playerNetworkInfo.totalDownloaded
+      ? `${playerNetworkInfo.totalDownloaded} ⇓`
+      : ''
+
+    if (playerNetworkInfo.totalUploaded) {
+      totalTransferred += `/ ${playerNetworkInfo.totalUploaded} ⇑`
+    }
+
     const downloadBreakdown = playerNetworkInfo.downloadedFromServer
       ? player.localize('{1} from servers · {2} from peers', [ downloadedFromServer, downloadedFromPeers ])
       : undefined