From a226cad57c25ddac22153ace438bd5131f1a3e54 Mon Sep 17 00:00:00 2001
From: Gerzon Z <gerzonzcanario@gmail.com>
Date: Tue, 5 Oct 2021 12:00:00 -0400
Subject: [PATCH] Undo changes, add timeFormat prop

---
 app/containers/message/Attachments.tsx | 12 ++++++++----
 app/views/ThreadMessagesView/index.js  |  9 ++++++---
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/app/containers/message/Attachments.tsx b/app/containers/message/Attachments.tsx
index 22b517d94..311ad839a 100644
--- a/app/containers/message/Attachments.tsx
+++ b/app/containers/message/Attachments.tsx
@@ -36,16 +36,20 @@ const Attachments = React.memo(
 
 		return attachments.map((file: any, index: number) => {
 			if (file.image_url) {
-				return <Image key={index} file={file} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />;
+				return (
+					<Image key={file.image_url} file={file} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />
+				);
 			}
 			if (file.audio_url) {
-				return <Audio key={index} file={file} getCustomEmoji={getCustomEmoji} theme={theme} />;
+				return <Audio key={file.audio_url} file={file} getCustomEmoji={getCustomEmoji} theme={theme} />;
 			}
 			if (file.video_url) {
-				return <Video key={index} file={file} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />;
+				return (
+					<Video key={file.video_url} file={file} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />
+				);
 			}
 			if (file.actions && file.actions.length > 0) {
-				return <AttachedActions key={index} attachment={file} theme={theme} />;
+				return <AttachedActions key={file} attachment={file} theme={theme} />;
 			}
 
 			return (
diff --git a/app/views/ThreadMessagesView/index.js b/app/views/ThreadMessagesView/index.js
index 5951ba8b9..77b861579 100644
--- a/app/views/ThreadMessagesView/index.js
+++ b/app/views/ThreadMessagesView/index.js
@@ -47,7 +47,8 @@ class ThreadMessagesView extends React.Component {
 		useRealName: PropTypes.bool,
 		theme: PropTypes.string,
 		isMasterDetail: PropTypes.bool,
-		insets: PropTypes.object
+		insets: PropTypes.object,
+		Message_TimeFormat: PropTypes.string
 	};
 
 	constructor(props) {
@@ -412,7 +413,7 @@ class ThreadMessagesView extends React.Component {
 	};
 
 	renderItem = ({ item }) => {
-		const { user, navigation, baseUrl, useRealName } = this.props;
+		const { user, navigation, baseUrl, useRealName, Message_TimeFormat } = this.props;
 		const badgeColor = this.getBadgeColor(item);
 		return (
 			<Item
@@ -425,6 +426,7 @@ class ThreadMessagesView extends React.Component {
 					badgeColor
 				}}
 				thread
+				timeFormat={Message_TimeFormat}
 				onPress={this.onThreadPress}
 				toggleFollowThread={this.toggleFollowThread}
 			/>
@@ -506,7 +508,8 @@ const mapStateToProps = state => ({
 	baseUrl: state.server.server,
 	user: getUserSelector(state),
 	useRealName: state.settings.UI_Use_Real_Name,
-	isMasterDetail: state.app.isMasterDetail
+	isMasterDetail: state.app.isMasterDetail,
+	Message_TimeFormat: state.settings.Message_TimeFormat
 });
 
 export default connect(mapStateToProps)(withTheme(withSafeAreaInsets(ThreadMessagesView)));