From 43fc92d510c5960ad44907bbb19c8888b9572108 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anders=20Chirico=20Indreb=C3=B8?= <ACIN@equinor.com>
Date: Fri, 19 Jan 2024 14:53:44 +0100
Subject: [PATCH] Translate messages before using FailedRequestAlert

---
 frontend/src/components/Alerts/FailedRequestAlert.tsx         | 4 ++--
 .../Displays/MissionButtons/MissionRestartButton.tsx          | 2 +-
 .../Pages/FrontPage/MissionOverview/MissionQueueView.tsx      | 2 +-
 .../ScheduleMissionDialog/SelectMissionsToScheduleDialog.tsx  | 4 +++-
 .../components/Pages/InspectionPage/InspectionOverview.tsx    | 2 +-
 .../Pages/InspectionPage/ScheduleMissionDialogs.tsx           | 4 +++-
 6 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Alerts/FailedRequestAlert.tsx b/frontend/src/components/Alerts/FailedRequestAlert.tsx
index 4551de6f8..60b3f778d 100644
--- a/frontend/src/components/Alerts/FailedRequestAlert.tsx
+++ b/frontend/src/components/Alerts/FailedRequestAlert.tsx
@@ -18,7 +18,7 @@ const Indent = styled.div`
     padding: 0px 9px;
 `
 
-export const FailedRequestAlertContent = ({ message }: { message: string }) => {
+export const FailedRequestAlertContent = ({ translatedMessage }: { translatedMessage: string }) => {
     const { TranslateText } = useLanguageContext()
     return (
         <StyledDiv>
@@ -28,7 +28,7 @@ export const FailedRequestAlertContent = ({ message }: { message: string }) => {
             </StyledAlertTitle>
             <Indent>
                 <Button as={Typography} variant="ghost" color="secondary">
-                    {TranslateText(message)}
+                    {translatedMessage}
                 </Button>
             </Indent>
         </StyledDiv>
diff --git a/frontend/src/components/Displays/MissionButtons/MissionRestartButton.tsx b/frontend/src/components/Displays/MissionButtons/MissionRestartButton.tsx
index cd9932f43..acec7088a 100644
--- a/frontend/src/components/Displays/MissionButtons/MissionRestartButton.tsx
+++ b/frontend/src/components/Displays/MissionButtons/MissionRestartButton.tsx
@@ -48,7 +48,7 @@ export const MissionRestartButton = ({ mission, hasFailedTasks }: MissionProps)
             .catch(() =>
                 setAlert(
                     AlertType.RequestFail,
-                    <FailedRequestAlertContent message={TranslateText('Failed to rerun mission')} />
+                    <FailedRequestAlertContent translatedMessage={TranslateText('Failed to rerun mission')} />
                 )
             )
         setIsLocationVerificationOpen(false)
diff --git a/frontend/src/components/Pages/FrontPage/MissionOverview/MissionQueueView.tsx b/frontend/src/components/Pages/FrontPage/MissionOverview/MissionQueueView.tsx
index b5cebf88c..44c58ab80 100644
--- a/frontend/src/components/Pages/FrontPage/MissionOverview/MissionQueueView.tsx
+++ b/frontend/src/components/Pages/FrontPage/MissionOverview/MissionQueueView.tsx
@@ -38,7 +38,7 @@ export const MissionQueueView = (): JSX.Element => {
         BackendAPICaller.deleteMission(mission.id).catch((_) =>
             setAlert(
                 AlertType.RequestFail,
-                <FailedRequestAlertContent message={'Failed to delete mission from queue'} />
+                <FailedRequestAlertContent translatedMessage={TranslateText('Failed to delete mission from queue')} />
             )
         )
 
diff --git a/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/SelectMissionsToScheduleDialog.tsx b/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/SelectMissionsToScheduleDialog.tsx
index 9e6e7418f..1103c1a48 100644
--- a/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/SelectMissionsToScheduleDialog.tsx
+++ b/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/SelectMissionsToScheduleDialog.tsx
@@ -55,7 +55,9 @@ export const SelectMissionsToScheduleDialog = ({ echoMissionsList, closeDialog }
                 setAlert(
                     AlertType.RequestFail,
                     <FailedRequestAlertContent
-                        message={TranslateText('Failed to schedule mission') + ` '${mission.name}'. ${e.message}`}
+                        translatedMessage={
+                            TranslateText('Failed to schedule mission') + ` '${mission.name}'. ${e.message}`
+                        }
                     />
                 )
                 setLoadingMissionSet((currentSet: Set<string>) => {
diff --git a/frontend/src/components/Pages/InspectionPage/InspectionOverview.tsx b/frontend/src/components/Pages/InspectionPage/InspectionOverview.tsx
index ff58e5ec2..441618d6b 100644
--- a/frontend/src/components/Pages/InspectionPage/InspectionOverview.tsx
+++ b/frontend/src/components/Pages/InspectionPage/InspectionOverview.tsx
@@ -77,7 +77,7 @@ export const InspectionOverviewSection = () => {
             .catch((_) => {
                 setAlert(
                     AlertType.RequestFail,
-                    <FailedRequestAlertContent message={'Failed to retrieve Echo missions'} />
+                    <FailedRequestAlertContent translatedMessage={TranslateText('Failed to retrieve Echo missions')} />
                 )
                 setIsFetchingEchoMissions(false)
             })
diff --git a/frontend/src/components/Pages/InspectionPage/ScheduleMissionDialogs.tsx b/frontend/src/components/Pages/InspectionPage/ScheduleMissionDialogs.tsx
index 34d75b72c..9e05083e5 100644
--- a/frontend/src/components/Pages/InspectionPage/ScheduleMissionDialogs.tsx
+++ b/frontend/src/components/Pages/InspectionPage/ScheduleMissionDialogs.tsx
@@ -88,7 +88,9 @@ export const ScheduleMissionDialog = (props: IProps): JSX.Element => {
                 setAlert(
                     AlertType.RequestFail,
                     <FailedRequestAlertContent
-                        message={TranslateText('Failed to schedule mission') + ` '${mission.name}'. ${e.message}`}
+                        translatedMessage={
+                            TranslateText('Failed to schedule mission') + ` '${mission.name}'. ${e.message}`
+                        }
                     />
                 )
                 setLoadingMissionSet((currentSet: Set<string>) => {