Merge pull request #6938 from vector-im/mauroromito/6935_wysiwyg_placeholder

Rich Text Composer Placeholder Text

RiotSwiftUI/Modules/Room/Composer/Model/ComposerViewState.swift

@@ -19,6 +19,7 @@ import Foundation
 struct ComposerViewState: BindableState {
     var eventSenderDisplayName: String?
     var sendMode: ComposerSendMode = .send
+    var placeholder: String?
 }
 
 extension ComposerViewState {

RiotSwiftUI/Modules/Room/Composer/Test/Unit/ComposerViewModelTests.swift

@@ -63,4 +63,10 @@ final class ComposerViewModelTests: XCTestCase {
         context.send(viewAction: .cancel)
         XCTAssert(result == .cancel)
     }
+    
+    func testPlaceholder() {
+        XCTAssert(context.viewState.placeholder == nil)
+        viewModel.placeholder = "Placeholder Test"
+        XCTAssert(context.viewState.placeholder == "Placeholder Test")
+    }
 }

RiotSwiftUI/Modules/Room/Composer/View/Composer.swift

@@ -111,6 +111,7 @@ struct Composer: View {
                     didUpdateText: wysiwygViewModel.didUpdateText
                 )
                 .tintColor(theme.colors.accent)
+                .placeholder(viewModel.viewState.placeholder, color: theme.colors.tertiaryContent)
                 .frame(height: wysiwygViewModel.idealHeight)
                 .padding(.horizontal, horizontalPadding)
                 .onAppear {

RiotSwiftUI/Modules/Room/Composer/ViewModel/ComposerViewModel.swift

@@ -45,6 +45,15 @@ final class ComposerViewModel: ComposerViewModelType, ComposerViewModelProtocol
         }
     }
     
+    var placeholder: String? {
+        get {
+            state.placeholder
+        }
+        set {
+            state.placeholder = newValue
+        }
+    }
+    
     // MARK: - Public
     
     override func process(viewAction: ComposerViewAction) {

RiotSwiftUI/Modules/Room/Composer/ViewModel/ComposerViewModelProtocol.swift

@@ -21,4 +21,5 @@ protocol ComposerViewModelProtocol {
     var callback: ((ComposerViewModelResult) -> Void)? { get set }
     var sendMode: ComposerSendMode { get set }
     var eventSenderDisplayName: String? { get set }
+    var placeholder: String? { get set }
 }