fix: replace attachment menu with alert - WPB-21656 (#4272)

Author: jullianm

WireMessaging/Sources/WireMessagingUI/Resources/Localization/en.lproj/Localizable.strings

@@ -109,6 +109,7 @@
 "conversation.channelHistory.fetchChannelHistoryDepthOptions.error" = "An error occurred while fetching channel history depth options.";
 "conversation.channelHistory.updateHistoryDepth.error" = "An error occurred while updating channel history depth.";
 "conversation.file.preview.open" = "Open preview";
+"conversation.draft.attachmentMenu.errorTitle" = "Unable to load file";
 "conversation.draft.attachmentMenu.retry" = "Retry";
 "conversation.draft.attachmentMenu.remove" = "Remove File";
 

WireMessaging/Sources/WireMessagingUI/WireDrive/Components/AttachmentsCarousel/AttachmentsCarousel.swift

@@ -67,6 +67,8 @@ private struct AttachmentsCarouselItemView: View {
         static let buttonCornerRadius: CGFloat = 24
     }
 
+    @State private var showErrorAlert = false
+
     let item: AttachmentsCarouselItem
     let onTap: () -> Void
     let onRemove: () -> Void
@@ -83,7 +85,15 @@ private struct AttachmentsCarouselItemView: View {
             .padding(.trailing, Constants.trailingPadding)
 
             cornerButton
-        }
+        }.alert(
+            L10n.Localizable.Conversation.Draft.AttachmentMenu.errorTitle,
+            isPresented: $showErrorAlert,
+            actions: {
+                Button(L10n.Localizable.Conversation.Draft.AttachmentMenu.remove, action: { onRemove() })
+                Button(L10n.Localizable.Conversation.Draft.AttachmentMenu.retry, action: { onRetry() })
+
+            }
+        )
     }
 
     @ViewBuilder var content: some View {
@@ -119,9 +129,8 @@ private struct AttachmentsCarouselItemView: View {
                 Spacer()
 
                 if item.state.isFailed {
-                    Menu {
-                        Button(L10n.Localizable.Conversation.Draft.AttachmentMenu.retry, action: onRetry)
-                        Button(L10n.Localizable.Conversation.Draft.AttachmentMenu.remove, action: onRemove)
+                    Button {
+                        showErrorAlert = true
                     } label: {
                         Image(systemName: "ellipsis.circle.fill")
                             .resizable()