From 0349f568e7805e20e54935b2bf67d4633d6c4d80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bartosz=20Stefa=C5=84czyk?=
 <bartosz.stefanczyk@swmansion.com>
Date: Tue, 23 Apr 2024 12:58:45 +0200
Subject: [PATCH] improve i18n

---
 .../GPSPermissions/GPSPermissionsEnabled.tsx    |  2 +-
 .../screens/MapScreen/track/SaveTrackScreen.tsx | 17 ++++++-----------
 .../track/saveTrack/SaveTrackHeader.tsx         | 17 ++++++++++++++++-
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/frontend/screens/MapScreen/GPSPermissions/GPSPermissionsEnabled.tsx b/src/frontend/screens/MapScreen/GPSPermissions/GPSPermissionsEnabled.tsx
index 1aecf7e4d..a3b4bafc0 100644
--- a/src/frontend/screens/MapScreen/GPSPermissions/GPSPermissionsEnabled.tsx
+++ b/src/frontend/screens/MapScreen/GPSPermissions/GPSPermissionsEnabled.tsx
@@ -21,7 +21,7 @@ const m = defineMessages({
   },
   loadingButtonText: {
     id: 'Modal.GPSEnable.button.loading',
-    defaultMessage: 'Loading...',
+    defaultMessage: 'Loading…',
   },
   trackingDescription: {
     id: 'Modal.GPSEnable.trackingDescription',
diff --git a/src/frontend/screens/MapScreen/track/SaveTrackScreen.tsx b/src/frontend/screens/MapScreen/track/SaveTrackScreen.tsx
index 06d012a47..bd544b0b3 100644
--- a/src/frontend/screens/MapScreen/track/SaveTrackScreen.tsx
+++ b/src/frontend/screens/MapScreen/track/SaveTrackScreen.tsx
@@ -13,23 +13,18 @@ import {TrackDescriptionField} from './saveTrack/TrackDescriptionField';
 import {NavigationProp} from '@react-navigation/native';
 
 const m = defineMessages({
-  editTitle: {
-    id: 'screens.ObservationEdit.editTitle',
-    defaultMessage: 'Edit Observation',
-    description: 'screen title for edit observation screen',
-  },
   newTitle: {
-    id: 'screens.ObservationEdit.newTitle',
-    defaultMessage: 'New Observation',
-    description: 'screen title for new observation screen',
+    id: 'screens.SaveTrack.track',
+    defaultMessage: 'Track',
+    description: 'Category title for new track screen',
   },
   detailsButton: {
-    id: 'screens.ObservationEdit.ObservationEditView.saveTrackDetails',
+    id: 'screens.SaveTrack.TrackEditView.saveTrackDetails',
     defaultMessage: 'Details',
     description: 'Button label for check details',
   },
   photoButton: {
-    id: 'screens.ObservationEdit.ObservationEditView.saveTrackCamera',
+    id: 'screens.SaveTrack.TrackEditView.saveTrackCamera',
     defaultMessage: 'Camera',
     description: 'Button label for adding photo',
   },
@@ -66,7 +61,7 @@ export const SaveTrackScreen: React.FC<{navigation: NavigationProp<any>}> = ({
         contentContainerStyle={styles.scrollViewContent}>
         <View style={styles.titleWrapper}>
           <TrackIcon style={styles.icon} />
-          <Text style={styles.titleText}>Track</Text>
+          <Text style={styles.titleText}>{t(m.newTitle)}</Text>
         </View>
         <TrackDescriptionField
           description={description}
diff --git a/src/frontend/screens/MapScreen/track/saveTrack/SaveTrackHeader.tsx b/src/frontend/screens/MapScreen/track/saveTrack/SaveTrackHeader.tsx
index 2ebd31489..a935c9e9b 100644
--- a/src/frontend/screens/MapScreen/track/saveTrack/SaveTrackHeader.tsx
+++ b/src/frontend/screens/MapScreen/track/saveTrack/SaveTrackHeader.tsx
@@ -8,13 +8,27 @@ import {useCurrentTrackStore} from '../../../../hooks/tracks/useCurrentTrackStor
 import {DateTime} from 'luxon';
 import {TabName} from '../../../../Navigation/types';
 import {useNavigationFromHomeTabs} from '../../../../hooks/useNavigationWithTypes';
+import {defineMessages, useIntl} from 'react-intl';
+
+const m = defineMessages({
+  trackEditScreenTitle: {
+    id: 'screens.SaveTrack.TrackEditView.title',
+    defaultMessage: 'New Track',
+    description: 'Title for new track screen',
+  },
+});
+
 export interface SaveTrackHeader {
   bottomSheetRef: React.RefObject<BottomSheetModalMethods>;
 }
+
 export const SaveTrackHeader: FC<SaveTrackHeader> = ({bottomSheetRef}) => {
   const saveTrack = useCreateTrack();
   const currentTrack = useCurrentTrackStore();
   const navigation = useNavigationFromHomeTabs();
+
+  const {formatMessage: t} = useIntl();
+
   const handleSaveClick = () => {
     saveTrack.mutate(
       {
@@ -52,7 +66,7 @@ export const SaveTrackHeader: FC<SaveTrackHeader> = ({bottomSheetRef}) => {
           onPress={() => bottomSheetRef.current?.present()}>
           <Close style={styles.closeIcon} />
         </Pressable>
-        <Text style={styles.text}>New Observation</Text>
+        <Text style={styles.text}>{t(m.trackEditScreenTitle)}</Text>
       </View>
       <Pressable disabled={saveTrack.isPending} onPress={handleSaveClick}>
         <Image
@@ -63,6 +77,7 @@ export const SaveTrackHeader: FC<SaveTrackHeader> = ({bottomSheetRef}) => {
     </View>
   );
 };
+
 const styles = StyleSheet.create({
   container: {
     borderBottomWidth: 1,