Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -208,6 +208,20 @@ ChatView(messages: viewModel.messages) { draft in

When implementing your own `MessageMenuActionClosure`, write a switch statement passing through all the cases of your `MessageMenuAction`, inside each case write your own action handler, or call the default one. NOTE: not all default actions work out of the box - e.g. for `.edit` you'll still need to provide a closure to save the edited text on your BE. Please see CommentsExampleView in ChatExample project for MessageMenuActionClosure usage example.

## Configure default menu options

By default, the menu includes all options defined in AvailableMessageMenuType(edit, reply, copy). To customize which options are shown, use setAvailableMessageMenuItems:

```swift

ChatView(messages: viewModel.messages) { draft in
viewModel.send(draft: draft)
}
.setAvailableMessageMenuItems([.edit, .copy])


```

## Custom swipe actions

```swift
Expand Down
8 changes: 8 additions & 0 deletions Sources/ExyteChat/Views/ChatView.swift
Original file line number Diff line number Diff line change
Expand Up @@ -129,6 +129,7 @@ public struct ChatView<MessageContent: View, InputViewContent: View, MenuAction:
var messageLinkPreviewLimit = 8
var messageFont = UIFontMetrics.default.scaledFont(for: UIFont.systemFont(ofSize: 15))
var availableInputs: [AvailableInputType] = [.text, .audio, .giphy, .media]
var availableMessageMenuItems: [AvailableMesssageMenuType] = [.edit, .reply, .copy]
var recorderSettings: RecorderSettings = RecorderSettings()
var listSwipeActions: ListSwipeActions = ListSwipeActions()
var keyboardDismissMode: UIScrollView.KeyboardDismissMode = .none
Expand Down Expand Up @@ -428,6 +429,7 @@ public struct ChatView<MessageContent: View, InputViewContent: View, MenuAction:
return MessageMenu(
viewModel: viewModel,
isShowingMenu: $isShowingMenu,
availableMessageMenuItems: availableMessageMenuItems,
message: row.message,
cellFrame: cellFrame,
alignment: menuAlignment(row.message, chatType: type),
Expand Down Expand Up @@ -722,6 +724,12 @@ public extension ChatView {
return view
}

public func setAvailableMessageMenuItems(_ types: [AvailableMesssageMenuType]) -> ChatView {
var view = self
view.availableMessageMenuItems = types
return view
}

func setRecorderSettings(_ settings: RecorderSettings) -> ChatView {
var view = self
view.recorderSettings = settings
Expand Down
6 changes: 6 additions & 0 deletions Sources/ExyteChat/Views/InputView/InputView.swift
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,12 @@ public enum InputViewState: Sendable {
}
}

public enum AvailableMesssageMenuType: Sendable {
case edit
case reply
case copy
}

public enum AvailableInputType: Sendable {
case text
case media
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ public protocol MessageMenuAction: Equatable, CaseIterable {
func title() -> String
func icon() -> Image

static func menuItems(for message: Message) -> [Self]
static func menuItems(for message: Message, availableMessageMenuItems: [AvailableMesssageMenuType]) -> [Self]
}

extension MessageMenuAction {
public static func menuItems(for message: Message) -> [Self] {
public static func menuItems(for message: Message, availableMessageMenuItems: [AvailableMesssageMenuType]) -> [Self] {
Self.allCases.map { $0 }
}
}
Expand Down Expand Up @@ -65,11 +65,30 @@ public enum DefaultMessageMenuAction: MessageMenuAction, Sendable {
.copy, .reply, .edit(saveClosure: {_ in})
]

static public func menuItems(for message: Message) -> [DefaultMessageMenuAction] {
static public func menuItems(
for message: Message, availableMessageMenuItems: [AvailableMesssageMenuType]
) -> [DefaultMessageMenuAction] {

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a fairly simple change to allow the user to set which menu options are shown

var menuItems: [DefaultMessageMenuAction] = []
if message.user.isCurrentUser {
return allCases
if availableMessageMenuItems.contains(.copy) {
menuItems.append(.copy)
}
if availableMessageMenuItems.contains(.reply) {
menuItems.append(.reply)
}
if availableMessageMenuItems.contains(.edit) {
menuItems.append(.edit(saveClosure: { _ in }))
}
return menuItems
} else {
return [.copy, .reply]
if availableMessageMenuItems.contains(.copy) {
menuItems.append(.copy)
}
if availableMessageMenuItems.contains(.reply) {
menuItems.append(.reply)
}
return menuItems
}
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,8 @@ struct MessageMenu<MainButton: View, ActionEnum: MessageMenuAction>: View {
/// The vertical spacing between the main three components in out VStack (ReactionSelection, Message and Menu)
let verticalSpacing:CGFloat = 0

/// The menu items to display on long press
let availableMessageMenuItems: [AvailableMesssageMenuType]
/// The message whose menu we're presenting
var message: Message
/// The original message frame (the row / cell)
Expand Down Expand Up @@ -506,7 +508,8 @@ struct MessageMenu<MainButton: View, ActionEnum: MessageMenuAction>: View {

@ViewBuilder
func menuView() -> some View {
let buttons = ActionEnum.menuItems(for: message).enumerated().map { MenuButton(id: $0, action: $1) }
let buttons = ActionEnum.menuItems(for: message, availableMessageMenuItems: availableMessageMenuItems)
.enumerated().map { MenuButton(id: $0, action: $1) }
HStack {
if alignment == .right { Spacer() }

Expand Down