RoomScreenViewModel is now TimelineViewModel (#3157)

Co-authored-by: Stefan Ceriu <stefanc@matrix.org>
2026-11-03 16:10:20 +00:00 · 2024-08-13 13:36:40 +02:00
parent 4519275559
commit 1ad361a6e8
88 changed files with 2266 additions and 1973 deletions
@@ -0,0 +1,92 @@
+//
+// Copyright 2023 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import Compound
+import SFSafeSymbols
+import SwiftUI
+
+/// The contents of the context menu shown when right clicking an item in the timeline on a Mac
+struct TimelineItemMacContextMenu: View {
+    let item: RoomTimelineItemProtocol
+    let actionProvider: TimelineItemMenuActionProvider
+    let send: (TimelineItemMenuAction) -> Void
+    
+    var body: some View {
+        if ProcessInfo.processInfo.isiOSAppOnMac {
+            if let menuActions = actionProvider.makeActions() {
+                Section {
+                    if !menuActions.reactions.isEmpty {
+                        if #available(iOS 17.0, *) {
+                            let reactions = (item as? EventBasedTimelineItemProtocol)?.properties.reactions ?? []
+                            ControlGroup {
+                                ForEach(menuActions.reactions, id: \.key) {
+                                    ReactionToggle(reaction: $0, reactions: reactions) {
+                                        send(.toggleReaction(key: $0))
+                                    }
+                                }
+                                
+                                Button { send(.react) } label: {
+                                    CompoundIcon(\.reactionAdd)
+                                }
+                            }
+                            .controlGroupStyle(.palette)
+                        } else {
+                            Button { send(.react) } label: {
+                                TimelineItemMenuAction.react.label
+                            }
+                        }
+                    }
+                    
+                    ForEach(menuActions.actions) { action in
+                        Button(role: action.isDestructive ? .destructive : nil) {
+                            send(action)
+                        } label: {
+                            action.label
+                        }
+                    }
+                }
+                
+                Section {
+                    ForEach(menuActions.debugActions) { action in
+                        Button(role: action.isDestructive ? .destructive : nil) {
+                            send(action)
+                        } label: {
+                            action.label
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+/// A button that acts as a toggle for reacting to a message.
+private struct ReactionToggle: View {
+    let reaction: TimelineItemMenuReaction
+    let reactions: [AggregatedReaction]
+    let action: (String) -> Void
+    
+    var isOn: Bool {
+        reactions.contains { $0.key == reaction.key && $0.isHighlighted }
+    }
+    
+    var body: some View {
+        Button { action(reaction.key) } label: {
+            Image(systemSymbol: reaction.symbol)
+                .symbolVariant(isOn ? .fill : .none)
+        }
+    }
+}