fix(CallStats): stat card labels translations (#1429)

Allows translating stat card labels in the CallStats component.
GetStream · Jul 2, 2024 · 51132cd · 51132cd
1 parent 70a6388
commit 51132cd
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/react-sdk/src/components/CallStats/CallStats.tsx b/packages/react-sdk/src/components/CallStats/CallStats.tsx
@@ -133,46 +133,46 @@ export const CallStats = (props: {
           </div>
 
           <div className="str-video__call-stats__card-container">
-            <StatCard label="Region" value={callStatsReport.datacenter} />
+            <StatCard label={t('Region')} value={callStatsReport.datacenter} />
             <StatCard
-              label="Latency"
+              label={t('Latency')}
               value={`${callStatsReport.publisherStats.averageRoundTripTimeInMs} ms.`}
               comparison={latencyComparison}
             />
             <StatCard
-              label="Receive jitter"
+              label={t('Receive jitter')}
               value={`${callStatsReport.subscriberStats.averageJitterInMs} ms.`}
               comparison={{
                 ...latencyComparison,
                 value: callStatsReport.subscriberStats.averageJitterInMs,
               }}
             />
             <StatCard
-              label="Publish jitter"
+              label={t('Publish jitter')}
               value={`${callStatsReport.publisherStats.averageJitterInMs} ms.`}
               comparison={{
                 ...latencyComparison,
                 value: callStatsReport.publisherStats.averageJitterInMs,
               }}
             />
             <StatCard
-              label="Publish resolution"
+              label={t('Publish resolution')}
               value={toFrameSize(callStatsReport.publisherStats)}
             />
             <StatCard
-              label="Publish quality drop reason"
+              label={t('Publish quality drop reason')}
               value={callStatsReport.publisherStats.qualityLimitationReasons}
             />
             <StatCard
-              label="Receiving resolution"
+              label={t('Receiving resolution')}
               value={toFrameSize(callStatsReport.subscriberStats)}
             />
             <StatCard
-              label="Receive quality drop reason"
+              label={t('Receive quality drop reason')}
               value={callStatsReport.subscriberStats.qualityLimitationReasons}
             />
-            <StatCard label="Publish bitrate" value={publishBitrate} />
-            <StatCard label="Receiving bitrate" value={subscribeBitrate} />
+            <StatCard label={t('Publish bitrate')} value={publishBitrate} />
+            <StatCard label={t('Receiving bitrate')} value={subscribeBitrate} />
           </div>
         </>
       )}