mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-04 10:33:45 +00:00
Add support for adding/editing/removing media captions. (#3547)
* Add support for editing media captions. * Add composer snapshots. * PR comment.
This commit is contained in:
@@ -284,9 +284,11 @@ extension FormatType {
|
||||
}
|
||||
|
||||
enum ComposerMode: Equatable {
|
||||
enum EditType { case `default`, addCaption, editCaption }
|
||||
|
||||
case `default`
|
||||
case reply(eventID: String, replyDetails: TimelineItemReplyDetails, isThread: Bool)
|
||||
case edit(originalEventOrTransactionID: EventOrTransactionId)
|
||||
case edit(originalEventOrTransactionID: EventOrTransactionId, type: EditType)
|
||||
case recordVoiceMessage(state: AudioRecorderState)
|
||||
case previewVoiceMessage(state: AudioPlayerState, waveform: WaveformSource, isUploading: Bool)
|
||||
|
||||
|
||||
@@ -267,7 +267,7 @@ final class ComposerToolbarViewModel: ComposerToolbarViewModelType, ComposerTool
|
||||
case .newMessage:
|
||||
set(mode: .default)
|
||||
case .edit(let eventID):
|
||||
set(mode: .edit(originalEventOrTransactionID: .eventId(eventId: eventID)))
|
||||
set(mode: .edit(originalEventOrTransactionID: .eventId(eventId: eventID), type: .default))
|
||||
case .reply(let eventID):
|
||||
set(mode: .reply(eventID: eventID, replyDetails: .loading(eventID: eventID), isThread: false))
|
||||
replyLoadingTask = Task {
|
||||
@@ -323,7 +323,7 @@ final class ComposerToolbarViewModel: ComposerToolbarViewModelType, ComposerTool
|
||||
switch state.composerMode {
|
||||
case .default:
|
||||
type = .newMessage
|
||||
case .edit(.eventId(let originalEventID)):
|
||||
case .edit(.eventId(let originalEventID), .default):
|
||||
type = .edit(eventID: originalEventID)
|
||||
case .reply(let eventID, _, _):
|
||||
type = .reply(eventID: eventID)
|
||||
|
||||
@@ -82,8 +82,8 @@ struct MessageComposer: View {
|
||||
switch mode {
|
||||
case .reply(_, let replyDetails, _):
|
||||
MessageComposerReplyHeader(replyDetails: replyDetails, action: cancellationAction)
|
||||
case .edit:
|
||||
MessageComposerEditHeader(action: cancellationAction)
|
||||
case .edit(_, let editType):
|
||||
MessageComposerEditHeader(editType: editType, action: cancellationAction)
|
||||
case .recordVoiceMessage, .previewVoiceMessage, .default:
|
||||
EmptyView()
|
||||
}
|
||||
@@ -152,14 +152,20 @@ private struct MessageComposerReplyHeader: View {
|
||||
}
|
||||
|
||||
private struct MessageComposerEditHeader: View {
|
||||
let editType: ComposerMode.EditType
|
||||
let action: () -> Void
|
||||
|
||||
private var title: String {
|
||||
switch editType {
|
||||
case .default: L10n.commonEditing
|
||||
case .addCaption: L10n.commonAddingCaption
|
||||
case .editCaption: L10n.commonEditingCaption
|
||||
}
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
HStack(alignment: .center, spacing: 8) {
|
||||
Label(L10n.commonEditing,
|
||||
icon: \.editSolid,
|
||||
iconSize: .xSmall,
|
||||
relativeTo: .compound.bodySMSemibold)
|
||||
Label(title, icon: \.editSolid, iconSize: .xSmall, relativeTo: .compound.bodySMSemibold)
|
||||
.labelStyle(MessageComposerHeaderLabelStyle())
|
||||
Spacer()
|
||||
Button(action: action) {
|
||||
@@ -294,13 +300,20 @@ struct MessageComposer_Previews: PreviewProvider, TestablePreview {
|
||||
messageComposer()
|
||||
|
||||
messageComposer(.init(string: "Some message"),
|
||||
mode: .edit(originalEventOrTransactionID: .eventId(eventId: UUID().uuidString)))
|
||||
mode: .edit(originalEventOrTransactionID: .eventId(eventId: UUID().uuidString), type: .default))
|
||||
|
||||
messageComposer(mode: .reply(eventID: UUID().uuidString,
|
||||
replyDetails: .loaded(sender: .init(id: "Kirk"),
|
||||
eventID: "123",
|
||||
eventContent: .message(.text(.init(body: "Text: Where the wild things are")))),
|
||||
isThread: false))
|
||||
|
||||
Color.clear.frame(height: 20)
|
||||
|
||||
messageComposer(.init(string: "Some new caption"),
|
||||
mode: .edit(originalEventOrTransactionID: .eventId(eventId: UUID().uuidString), type: .addCaption))
|
||||
messageComposer(.init(string: "Some updated caption"),
|
||||
mode: .edit(originalEventOrTransactionID: .eventId(eventId: UUID().uuidString), type: .editCaption))
|
||||
}
|
||||
.padding(.horizontal)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user