Create MessagePathView

ArtemisKit/Sources/Messages/Navigation/NavigationDestinationThreadViewModifier.swift

@@ -12,6 +12,6 @@ public struct NavigationDestinationThreadViewModifier: ViewModifier {
     public init() {}
 
     public func body(content: Content) -> some View {
-        content.navigationDestination(for: MessagePath.self, destination: MessageDetailView.init)
+        content.navigationDestination(for: MessagePath.self, destination: MessagePathView.init)
     }
 }

ArtemisKit/Sources/Messages/Navigation/PathViewModels.swift

@@ -37,3 +37,32 @@ final class ConversationPathViewModel {
         }
     }
 }
+
+@Observable
+final class MessagePathViewModel {
+    static let size = 50
+
+    let path: MessagePath
+    var message: DataState<BaseMessage>
+
+    private let messagesService: MessagesService
+
+    init(path: MessagePath, messagesService: MessagesService = MessagesServiceFactory.shared) {
+        self.path = path
+        self.message = path.message.wrappedValue.value.map(DataState.done) ?? .loading
+
+        self.messagesService = messagesService
+    }
+
+    func loadMessage() async {
+        let result = await messagesService.getMessages(
+            for: path.conversationPath.coursePath.id, and: path.conversationPath.id, size: MessagePathViewModel.size
+        )
+        self.message = result.flatMap { messages in
+            guard let message = messages.first(where: { $0.id == path.id }) else {
+                return .failure(UserFacingError(title: R.string.localizable.messageCouldNotBeLoadedError()))
+            }
+            return .success(message)
+        }
+    }
+}

ArtemisKit/Sources/Messages/Navigation/PathViews.swift

@@ -33,3 +33,33 @@ public extension ConversationPathView where Content == ConversationView {
         self.init(viewModel: ConversationPathViewModel(path: path), content: Content.init)
     }
 }
+
+extension ConversationPathView {
+    init(path: ConversationPath, @ViewBuilder content: @escaping (Course, Conversation) -> Content) {
+        self.init(viewModel: ConversationPathViewModel(path: path), content: content)
+    }
+}
+
+// MARK: - MessagePathView
+
+struct MessagePathView<Content: View>: View {
+    @State var viewModel: MessagePathViewModel
+    let content: (Course, Conversation, BaseMessage) -> Content
+
+    var body: some View {
+        DataStateView(data: $viewModel.message) {
+            await viewModel.loadMessage()
+        } content: { message in
+            ConversationPathView(path: viewModel.path.conversationPath) { (course, conversation) in
+                content(course, conversation, message)
+            }
+        }
+
+    }
+}
+
+extension MessagePathView where Content == MessageDetailView {
+    init(path: MessagePath) {
+        self.init(viewModel: MessagePathViewModel(path: path), content: Content.init)
+    }
+}