Internationalize remaining TODO-marked UI text in Expo app

Views/NewPost.js

@@ -170,7 +170,7 @@ let NewPostView = (props) => {
                 {
                     toProfile._id ?
                         <Text style={{ paddingLeft: 10, paddingBottom: 5 }}>
-                            Posting on: {toProfile.profile?.firstName} {toProfile.profile?.lastName}
+                            {i18n.t("message.postingOn")}: {toProfile.profile?.firstName} {toProfile.profile?.lastName}
                         </Text> : null
                 }
                 <Divider bold={true} />
@@ -178,7 +178,7 @@ let NewPostView = (props) => {
                 <TextInput
                     value={postContent}
                     onChangeText={setPostContent}
-                    placeholder="What is on your mind today?"
+                    placeholder={i18n.t("message.whatIsOnYourMindToday")}
                     multiline={true}
                     numberOfLines={8}
                     style={{
@@ -194,18 +194,18 @@ let NewPostView = (props) => {
                 {/* Button to pick images from the gallery */}
                 <View style={{ flexDirection: "row", marginTop: 10, justifyContent: "space-around" }}>
                     <Button icon="add-a-photo" mode="outlined" onPress={pickImage}>
-                        Add Photos
+                        {i18n.t("message.addPhotos")}
                     </Button>
                     {isUploading && (
                         <Button icon="cancel" mode="outlined" onPress={handleCancelUpload}>
-                            Cancel Upload
+                            {i18n.t("message.cancelUpload")}
                         </Button>
                     )}
                 </View>
                 {/* Display uploading state and selected image preview */}
                 {photo && (
                     <View>
-                        <Text>Uploading...</Text>
+                        <Text>{i18n.t("message.uploading")}</Text>
                         <Image
                             source={{ uri: photo.uri }}
                             style={{ width: 100, height: 100 }}
@@ -215,7 +215,7 @@ let NewPostView = (props) => {
                 {/* Display upload progress if in progress */}
                 {
                     uploadProgress > 0 && uploadProgress < 100 && (
-                        <Text>Upload Progress: {uploadProgress.toFixed(2)}%</Text>
+                        <Text>{i18n.t("message.uploadProgress")}: {uploadProgress.toFixed(2)}%</Text>
                     )
                 }
                 {/* Display media content if extra content is available */}
@@ -229,4 +229,4 @@ let NewPostView = (props) => {
     )
 }
 
-export default NewPostView;
+export default NewPostView;