Internationalize remaining TODO-marked UI text in Expo app

components/Login.js

@@ -46,7 +46,7 @@ let LoginForm = () => {
         style={styles.input}
         onChangeText={text => setEmail(text)}
         defaultValue={email}
-        placeholder="email"
+        placeholder={i18n.t("message.email")}
         label={i18n.t("message.email")}
         autoCapitalize='none'
         autoComplete='email'
@@ -61,7 +61,7 @@ let LoginForm = () => {
         style={styles.input}
         onChangeText={text => setPassword(text)}
         defaultValue={password}
-        placeholder="password"
+        placeholder={i18n.t("message.password")}
         textContentType="password"
         label={i18n.t("message.password")}
         secureTextEntry={true}
@@ -113,4 +113,4 @@ const styles = StyleSheet.create({
     marginTop: 10,
 
   }
-});
+});

components/NewComment.js

@@ -4,6 +4,7 @@ import { TextInput, Button } from 'react-native-paper';
 import API from './../API.js';
 import { useNavigation } from '@react-navigation/native';
 import AwesomeIcon from 'react-native-vector-icons/FontAwesome';
+import i18n from "../i18nMessages.js";
 
 
 let NewComment = ({ postid, newComentAdded }) => {
@@ -13,7 +14,7 @@ let NewComment = ({ postid, newComentAdded }) => {
     return (
         <View style={styles.NewComment}>
             <TextInput
-                label="New Comment"
+                label={i18n.t("message.newComment")}
                 value={commentContent}
                 onChangeText={setCommentContent}
                 mode="outlined"
@@ -55,4 +56,4 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         flex: 6
     }
-});
+});

components/NewPost.js

@@ -104,7 +104,7 @@ let NewPost = ({ profileid, newPostCB }) => {
                         </View>
                         {photo && (
                             <View>
-                                <Text>Uploading...</Text>
+                                <Text>{i18n.t("message.uploading")}</Text>
                                 <Image
                                     source={{ uri: photo.uri }}
                                     style={{ width: 100, height: 100 }}
@@ -131,4 +131,4 @@ const styles = StyleSheet.create({
         margin: 10,
         padding: 10,
     }
-});
+});

components/Post.js

@@ -239,7 +239,7 @@ let Post = (props) => {
         <View style={styles.swipeWrap}>
             <View style={styles.deleteActionWrap}>
                 <Pressable style={styles.deleteActionBtn} onPress={confirmDelete}>
-                    <Text style={styles.deleteActionText}>Delete</Text>
+                    <Text style={styles.deleteActionText}>{i18n.t("message.delete")}</Text>
                 </Pressable>
             </View>
             <Animated.View style={{ transform: [{ translateX: swipeX }] }} {...panResponder.panHandlers}>

components/Register.js

@@ -57,7 +57,7 @@ let RegisterForm = () => {
         style={styles.input}
         onChangeText={text => setPassword(text)}
         defaultValue={password}
-        placeholder="password"
+        placeholder={i18n.t("message.password")}
         textContentType="password"
         label={i18n.t("message.password")}
         secureTextEntry={true}
@@ -70,7 +70,7 @@ let RegisterForm = () => {
         style={styles.input}
         onChangeText={text => setPassword2(text)}
         defaultValue={password}
-        placeholder="same password"
+        placeholder={i18n.t("message.rpassword")}
         textContentType="same password"
         label={i18n.t("message.rpassword")}
         secureTextEntry={true}
@@ -83,7 +83,7 @@ let RegisterForm = () => {
         style={styles.input}
         onChangeText={text => setFirstName(text)}
         defaultValue={firstName}
-        placeholder="First Name"
+        placeholder={i18n.t("message.firstName")}
         label={i18n.t("message.name")}
         autoCapitalize='words'
         autoComplete='name'
@@ -94,7 +94,7 @@ let RegisterForm = () => {
         style={styles.input}
         onChangeText={text => setLastName(text)}
         defaultValue={lastName}
-        placeholder="Last Name"
+        placeholder={i18n.t("message.lastName")}
         label={i18n.t("message.lastName")}
         autoCapitalize='words'
         autoComplete='name'
@@ -105,7 +105,7 @@ let RegisterForm = () => {
         style={styles.input}
         onChangeText={text => setDescription(text)}
         defaultValue={description}
-        placeholder="Description so others can know you"
+        placeholder={i18n.t("message.describeYourself")}
         label={i18n.t("message.describeYourself")}
         autoCapitalize='sentences'
         autoComplete='description'
@@ -121,7 +121,7 @@ let RegisterForm = () => {
         style={styles.input}
         onChangeText={text => setEmail(text)}
         defaultValue={email}
-        placeholder="email"
+        placeholder={i18n.t("message.email")}
         label={i18n.t("message.email")}
         autoCapitalize='none'
         autoComplete='email'
@@ -162,4 +162,4 @@ const styles = StyleSheet.create({
     marginTop: 10,
 
   }
-});
+});