From 0978da9f01eb748e73f5d6b98085d72beea129ce Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Mon, 31 Jul 2023 14:56:50 +1000
Subject: [PATCH] Internationalise other encoding strings

---
 ui/v2.5/src/components/Movies/MovieDetails/Movie.tsx        | 4 +++-
 ui/v2.5/src/components/Movies/MovieDetails/MovieCreate.tsx  | 4 +++-
 .../Performers/PerformerDetails/PerformerCreate.tsx         | 6 +++++-
 .../src/components/Scenes/SceneDetails/SceneEditPanel.tsx   | 6 +++++-
 ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx     | 4 +++-
 .../src/components/Studios/StudioDetails/StudioCreate.tsx   | 4 +++-
 ui/v2.5/src/components/Tags/TagDetails/Tag.tsx              | 4 +++-
 ui/v2.5/src/components/Tags/TagDetails/TagCreate.tsx        | 4 +++-
 8 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/ui/v2.5/src/components/Movies/MovieDetails/Movie.tsx b/ui/v2.5/src/components/Movies/MovieDetails/Movie.tsx
index f8283483852..845da909b77 100644
--- a/ui/v2.5/src/components/Movies/MovieDetails/Movie.tsx
+++ b/ui/v2.5/src/components/Movies/MovieDetails/Movie.tsx
@@ -421,7 +421,9 @@ const MoviePage: React.FC<IProps> = ({ movie }) => {
           <div className="detail-header-image">
             <div className="logo w-100">
               {encodingImage ? (
-                <LoadingIndicator message="Encoding image..." />
+                <LoadingIndicator
+                  message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+                />
               ) : (
                 <div className="movie-images">
                   {renderFrontImage()}
diff --git a/ui/v2.5/src/components/Movies/MovieDetails/MovieCreate.tsx b/ui/v2.5/src/components/Movies/MovieDetails/MovieCreate.tsx
index 0fd9506fc55..344e6bde0dc 100644
--- a/ui/v2.5/src/components/Movies/MovieDetails/MovieCreate.tsx
+++ b/ui/v2.5/src/components/Movies/MovieDetails/MovieCreate.tsx
@@ -66,7 +66,9 @@ const MovieCreate: React.FC = () => {
       <div className="movie-details mb-3 col">
         <div className="logo w-100">
           {encodingImage ? (
-            <LoadingIndicator message="Encoding image..." />
+            <LoadingIndicator
+              message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+            />
           ) : (
             <div className="movie-images">
               {renderFrontImage()}
diff --git a/ui/v2.5/src/components/Performers/PerformerDetails/PerformerCreate.tsx b/ui/v2.5/src/components/Performers/PerformerDetails/PerformerCreate.tsx
index 26b3f88f0f8..bd594b2f635 100644
--- a/ui/v2.5/src/components/Performers/PerformerDetails/PerformerCreate.tsx
+++ b/ui/v2.5/src/components/Performers/PerformerDetails/PerformerCreate.tsx
@@ -42,7 +42,11 @@ const PerformerCreate: React.FC = () => {
 
   function renderPerformerImage() {
     if (encodingImage) {
-      return <LoadingIndicator message="Encoding image..." />;
+      return (
+        <LoadingIndicator
+          message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+        />
+      );
     }
     if (image) {
       return (
diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx
index ea4e3bc1e58..15989fa3cb6 100644
--- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx
@@ -683,7 +683,11 @@ export const SceneEditPanel: React.FC<IProps> = ({
 
   const image = useMemo(() => {
     if (encodingImage) {
-      return <LoadingIndicator message="Encoding image..." />;
+      return (
+        <LoadingIndicator
+          message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+        />
+      );
     }
 
     if (coverImagePreview) {
diff --git a/ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx b/ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx
index 36a92144136..921b3d6f7d2 100644
--- a/ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx
+++ b/ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx
@@ -510,7 +510,9 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
         <div className="detail-container">
           <div className="detail-header-image">
             {encodingImage ? (
-              <LoadingIndicator message="Encoding image..." />
+              <LoadingIndicator
+                message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+              />
             ) : (
               renderImage()
             )}
diff --git a/ui/v2.5/src/components/Studios/StudioDetails/StudioCreate.tsx b/ui/v2.5/src/components/Studios/StudioDetails/StudioCreate.tsx
index 250c85d445d..002c07849f7 100644
--- a/ui/v2.5/src/components/Studios/StudioDetails/StudioCreate.tsx
+++ b/ui/v2.5/src/components/Studios/StudioDetails/StudioCreate.tsx
@@ -58,7 +58,9 @@ const StudioCreate: React.FC = () => {
         </h2>
         <div className="text-center">
           {encodingImage ? (
-            <LoadingIndicator message="Encoding image..." />
+            <LoadingIndicator
+              message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+            />
           ) : (
             renderImage()
           )}
diff --git a/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx b/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx
index 3edfe921819..432fe7c9bf8 100644
--- a/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx
+++ b/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx
@@ -502,7 +502,9 @@ const TagPage: React.FC<IProps> = ({ tag }) => {
         <div className="detail-container">
           <div className="detail-header-image">
             {encodingImage ? (
-              <LoadingIndicator message="Encoding image..." />
+              <LoadingIndicator
+                message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+              />
             ) : (
               renderImage()
             )}
diff --git a/ui/v2.5/src/components/Tags/TagDetails/TagCreate.tsx b/ui/v2.5/src/components/Tags/TagDetails/TagCreate.tsx
index 4b4c6dfc16e..b2f0c2af1f2 100644
--- a/ui/v2.5/src/components/Tags/TagDetails/TagCreate.tsx
+++ b/ui/v2.5/src/components/Tags/TagDetails/TagCreate.tsx
@@ -60,7 +60,9 @@ const TagCreate: React.FC = () => {
       <div className="tag-details col-md-8">
         <div className="text-center logo-container">
           {encodingImage ? (
-            <LoadingIndicator message="Encoding image..." />
+            <LoadingIndicator
+              message={`${intl.formatMessage({ id: "encoding_image" })}...`}
+            />
           ) : (
             renderImage()
           )}