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 = ( props: ISceneFileInfoPanelProps ) => { + const intl = useIntl(); + function renderFileSize() { if (props.scene.file.size === undefined) { return; @@ -123,15 +125,21 @@ export const SceneFileInfoPanel: React.FC = ( truncate /> - frames per - second + - {" "} - frames per second +