Receive support for editing messages

ts/components/conversation/MessageMetadata.tsx

@@ -22,12 +22,14 @@ type PropsType = {
   hasText: boolean;
   i18n: LocalizerType;
   id: string;
+  isEditedMessage?: boolean;
   isInline?: boolean;
   isShowingImage: boolean;
   isSticker?: boolean;
   isTapToViewExpired?: boolean;
   onWidthMeasured?: (width: number) => unknown;
   pushPanelForConversation: PushPanelForConversationActionType;
+  showEditHistoryModal?: (id: string) => unknown;
   status?: MessageStatusType;
   textPending?: boolean;
   timestamp: number;
@@ -41,12 +43,14 @@ export function MessageMetadata({
   hasText,
   i18n,
   id,
+  isEditedMessage,
   isInline,
   isShowingImage,
   isSticker,
   isTapToViewExpired,
   onWidthMeasured,
   pushPanelForConversation,
+  showEditHistoryModal,
   status,
   textPending,
   timestamp,
@@ -130,6 +134,15 @@ export function MessageMetadata({
   );
   const children = (
     <>
+      {isEditedMessage && showEditHistoryModal && (
+        <button
+          className="module-message__metadata__edited"
+          onClick={() => showEditHistoryModal(id)}
+          type="button"
+        >
+          {i18n('icu:MessageMetadata__edited')}
+        </button>
+      )}
       {timestampNode}
       {expirationLength ? (
         <ExpireTimer