Retry send and cancel send for failed to send messages (#1088)

* is now possible to open the confirmation dialog and pass the transaction id

* task completed added some tests

* changelog

* title visibility set to .visible

ElementX/Sources/Screens/RoomScreen/View/RoomScreen.swift

@@ -62,6 +62,14 @@ struct RoomScreen: View {
                 context.send(viewAction: .handlePasteOrDrop(provider: provider))
                 return true
             }
+            .confirmationDialog(item: $context.sendFailedConfirmationDialogInfo, titleVisibility: .visible) { item in
+                Button(L10n.screenRoomRetrySendMenuSendAgainAction) {
+                    context.send(viewAction: .retrySend(transactionID: item.transactionID))
+                }
+                Button(L10n.screenRoomRetrySendMenuRemoveAction, role: .destructive) {
+                    context.send(viewAction: .cancelSend(transactionID: item.transactionID))
+                }
+            }
     }
     
     private var timeline: some View {

ElementX/Sources/Screens/RoomScreen/View/Style/TimelineItemBubbledStylerView.swift

@@ -146,30 +146,47 @@ struct TimelineItemBubbledStylerView<Content: View>: View {
 
     @ViewBuilder
     var contentWithTimestamp: some View {
-        if isTextItem {
+        if isTextItem || isMediaType {
             ZStack(alignment: .bottomTrailing) {
                 contentWithReply
-                localizedSendInfo
-            }
-        } else if isMediaType {
-            ZStack(alignment: .bottomTrailing) {
-                contentWithReply
-                localizedSendInfo
-                    .padding(.horizontal, 4)
-                    .padding(.vertical, 2)
-                    .background(Color.element.system)
-                    .cornerRadius(10)
-                    .padding(.trailing, 4)
-                    .padding(.bottom, 4)
+                interactiveLocalizedSendInfo
             }
         } else {
             HStack(alignment: .bottom, spacing: 4) {
                 contentWithReply
-                localizedSendInfo
+                interactiveLocalizedSendInfo
             }
         }
     }
 
+    @ViewBuilder
+    var interactiveLocalizedSendInfo: some View {
+        if timelineItem.properties.deliveryStatus == .sendingFailed {
+            backgroundedLocalizedSendInfo
+                .onTapGesture {
+                    context.sendFailedConfirmationDialogInfo = .init(transactionID: timelineItem.properties.transactionID)
+                }
+        } else {
+            backgroundedLocalizedSendInfo
+        }
+    }
+
+    @ViewBuilder
+    var backgroundedLocalizedSendInfo: some View {
+        if isMediaType {
+            localizedSendInfo
+                .padding(.horizontal, 4)
+                .padding(.vertical, 2)
+                .background(Color.element.system)
+                .cornerRadius(10)
+                .padding(.trailing, 4)
+                .padding(.bottom, 4)
+
+        } else {
+            localizedSendInfo
+        }
+    }
+
     @ViewBuilder
     var localizedSendInfo: some View {
         HStack(spacing: 4) {

ElementX/Sources/Screens/RoomScreen/View/Supplementary/TimelineItemStatusView.swift

@@ -69,6 +69,9 @@ struct TimelineItemStatusView: View {
                     .resizable()
                     .foregroundColor(.element.alert)
                     .frame(width: 16, height: 16)
+                    .onTapGesture {
+                        context.sendFailedConfirmationDialogInfo = .init(transactionID: timelineItem.properties.transactionID)
+                    }
             }
             // The bubbles handle the failure internally
         }