Skip to content

Commit

Permalink
Translate messages before using FailedRequestAlert
Browse files Browse the repository at this point in the history
  • Loading branch information
andchiind committed Jan 30, 2024
1 parent 4aecaf7 commit 43fc92d
Show file tree
Hide file tree
Showing 6 changed files with 11 additions and 7 deletions.
4 changes: 2 additions & 2 deletions frontend/src/components/Alerts/FailedRequestAlert.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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')} />
)
)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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>) => {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
})
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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>) => {
Expand Down

0 comments on commit 43fc92d

Please sign in to comment.