From ac72d4db2b9aaf4d9b615b917c83e303305f9197 Mon Sep 17 00:00:00 2001
From: peolic <66393006+peolic@users.noreply.github.com>
Date: Tue, 24 Aug 2021 04:33:46 +0300
Subject: [PATCH] Fix scene bitrate unit (#1650)

---
 .../SceneDetails/SceneFileInfoPanel.tsx       | 24 ++++++++++++-------
 ui/v2.5/src/locales/en-GB.json                |  2 ++
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx
index 31b3ab384..23ef06e5b 100644
--- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { FormattedNumber } from "react-intl";
+import { FormattedMessage, FormattedNumber, useIntl } from "react-intl";
 import * as GQL from "src/core/generated-graphql";
 import { TextUtils } from "src/utils";
 import { TextField, URLField } from "src/utils/field";
@@ -11,6 +11,8 @@ interface ISceneFileInfoPanelProps {
 export const SceneFileInfoPanel: React.FC<ISceneFileInfoPanelProps> = (
   props: ISceneFileInfoPanelProps
 ) => {
+  const intl = useIntl();
+
   function renderFileSize() {
     if (props.scene.file.size === undefined) {
       return;
@@ -123,15 +125,21 @@ export const SceneFileInfoPanel: React.FC<ISceneFileInfoPanelProps> = (
         truncate
       />
       <TextField id="framerate">
-        <FormattedNumber value={props.scene.file.framerate ?? 0} /> frames per
-        second
+        <FormattedMessage
+          id="frames_per_second"
+          values={{ value: intl.formatNumber(props.scene.file.framerate ?? 0) }}
+        />
       </TextField>
       <TextField id="bitrate">
-        <FormattedNumber
-          value={(props.scene.file.bitrate ?? 0) / 1000000}
-          maximumFractionDigits={2}
-        />{" "}
-        frames per second
+        <FormattedMessage
+          id="megabits_per_second"
+          values={{
+            value: intl.formatNumber(
+              (props.scene.file.bitrate ?? 0) / 1000000,
+              { maximumFractionDigits: 2 }
+            ),
+          }}
+        />
       </TextField>
       <TextField
         id="media_info.video_codec"
diff --git a/ui/v2.5/src/locales/en-GB.json b/ui/v2.5/src/locales/en-GB.json
index 6a373b07c..70bbc37aa 100644
--- a/ui/v2.5/src/locales/en-GB.json
+++ b/ui/v2.5/src/locales/en-GB.json
@@ -505,6 +505,7 @@
   "filter_name": "Filter name",
   "filters": "Filters",
   "framerate": "Frame Rate",
+  "frames_per_second": "{value} frames per second",
   "galleries": "Galleries",
   "gallery": "Gallery",
   "gallery_count": "Gallery Count",
@@ -541,6 +542,7 @@
     "stream": "Stream",
     "video_codec": "Video Codec"
   },
+  "megabits_per_second": "{value} megabits per second",
   "metadata": "Metadata",
   "movie": "Movie",
   "movie_scene_number": "Movie Scene Number",