feat: message headers redesign

Author: khushal87

package/src/components/Message/MessageSimple/Headers/MessageReminderHeader.tsx

@@ -40,10 +40,8 @@ const MessageReminderHeaderWithContext = (props: MessageReminderHeaderPropsWithC
       </Text>
       <Text style={styles.dot}>·</Text>
       <Text style={styles.time}>
-        {t('{{ timeLeft }}', {
-          timeLeft: t('duration/Message reminder', {
-            milliseconds: timeLeftMs,
-          }),
+        {t('duration/Message reminder', {
+          milliseconds: timeLeftMs,
         })}
       </Text>
     </View>

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -458,6 +458,7 @@ exports[`Thread should match thread snapshot 1`] = `
                             }
                             testID="message-components"
                           >
+                            <View />
                             <View
                               collapsable={false}
                               hitSlop={
@@ -825,6 +826,7 @@ exports[`Thread should match thread snapshot 1`] = `
                             }
                             testID="message-components"
                           >
+                            <View />
                             <View
                               collapsable={false}
                               hitSlop={
@@ -1228,6 +1230,7 @@ exports[`Thread should match thread snapshot 1`] = `
                             }
                             testID="message-components"
                           >
+                            <View />
                             <View
                               collapsable={false}
                               hitSlop={
@@ -1597,6 +1600,7 @@ exports[`Thread should match thread snapshot 1`] = `
                             }
                             testID="message-components"
                           >
+                            <View />
                             <View
                               collapsable={false}
                               hitSlop={

package/src/i18n/en.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "Device gallery permissions is used to take photos or videos.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "Do you want to send a copy of this message to a moderator for further investigation?",
   "Due since {{ dueSince }}": "Due since {{ dueSince }}",
-  "{{ timeLeft }}": "{{ timeLeft }}",
   "Edit Message": "Edit Message",
   "Edited": "Edited",
   "Editing Message": "Editing Message",

package/src/i18n/es.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "Los permisos de la galería del dispositivo se utilizan para tomar fotos o videos.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "¿Deseas enviar una copia de este mensaje a un moderador para una investigación adicional?",
   "Due since {{ dueSince }}": "Debido desde {{ dueSince }}",
-  "Due {{ timeLeft }}": "Debido {{ timeLeft }}",
   "Edit Message": "Editar mensaje",
   "Edited": "Editado",
   "Editing Message": "Editando mensaje",

package/src/i18n/fr.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "Les autorisations de la galerie de l'appareil sont utilisées pour prendre des photos ou des vidéos.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "Voulez-vous envoyer une copie de ce message à un modérateur pour une enquête plus approfondie?",
   "Due since {{ dueSince }}": "Échéance depuis {{ dueSince }}",
-  "Due {{ timeLeft }}": "Échéance {{ timeLeft }}",
   "Edit Message": "Éditer un message",
   "Edited": "Édité",
   "Editing Message": "Édite un message",

package/src/i18n/he.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "הרשאות גלריית המכשיר משמשות לצילום תמונות או סרטונים.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "האם את/ה רוצה לשלוח עותק של הודעה זו למנחה להמשך חקירה?",
   "Due since {{ dueSince }}": "מועד אחרון מאז {{ dueSince }}",
-  "Due {{ timeLeft }}": "מועד אחרון {{ timeLeft }}",
   "Edit Message": "ערוך הודעה",
   "Edited": "נערך",
   "Editing Message": "הודעה בעריכה",

package/src/i18n/hi.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "डिवाइस गैलरी की अनुमतियों का उपयोग फोटो या वीडियो लेने के लिए किया जाता है।",
   "Do you want to send a copy of this message to a moderator for further investigation?": "क्या आप इस संदेश की एक प्रति आगे की जाँच के लिए किसी मॉडरेटर को भेजना चाहते हैं?",
   "Due since {{ dueSince }}": "{{ dueSince }} से देय है",
-  "Due {{ timeLeft }}": "{{ timeLeft }} बचा है",
   "Edit Message": "मैसेज में बदलाव करे",
   "Edited": "मैसेज बदला गया है",
   "Editing Message": "मैसेज बदला जा रहा है",

package/src/i18n/it.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "Le autorizzazioni della galleria del dispositivo vengono utilizzate per scattare foto o video.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "Vuoi inviare una copia di questo messaggio a un moderatore per ulteriori indagini?",
   "Due since {{ dueSince }}": "Scadenza dal {{ dueSince }}",
-  "Due {{ timeLeft }}": "Scadenza {{ timeLeft }}",
   "Edit Message": "Modifica Messaggio",
   "Edited": "Modificato",
   "Editing Message": "Modificando il Messaggio",

package/src/i18n/ja.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "デバイスギャラリーの権限は写真やビデオを撮るために使用されます。",
   "Do you want to send a copy of this message to a moderator for further investigation?": "このメッセージのコピーをモデレーターに送信して、さらに調査しますか？",
   "Due since {{ dueSince }}": "期限は {{ dueSince }} からです",
-  "Due {{ timeLeft }}": "期限は {{ timeLeft }} です",
   "Edit Message": "メッセージを編集",
   "Edited": "編集済み",
   "Editing Message": "メッセージを編集中",

package/src/i18n/ko.json

@@ -28,7 +28,6 @@
   "Device gallery permissions is used to take photos or videos.": "장치 갤러리 권한은 사진 또는 비디오를 촬영하는 데 사용됩니다.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "이 메시지의 복사본을 운영자에게 보내 추가 조사를합니까?",
   "Due since {{ dueSince }}": "기한은 {{ dueSince }}부터입니다.",
-  "Due {{ timeLeft }}": "기한은 {{ timeLeft }}입니다.",
   "Edit Message": "메시지 수정",
   "Edited": "편집됨",
   "Editing Message": "메시지 편집중",