2022-04-18 07:54:48 +00:00
|
|
|
//
|
2022-08-11 07:54:24 +00:00
|
|
|
// Copyright 2022 New Vector Ltd
|
2022-04-18 07:54:48 +00:00
|
|
|
//
|
2022-08-11 07:54:24 +00:00
|
|
|
// 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.
|
2022-04-18 07:54:48 +00:00
|
|
|
//
|
|
|
|
|
|
|
|
import SwiftUI
|
|
|
|
|
|
|
|
struct MessageComposer: View {
|
|
|
|
@Binding var text: String
|
|
|
|
var disabled: Bool
|
|
|
|
let action: () -> Void
|
|
|
|
|
|
|
|
var body: some View {
|
|
|
|
HStack(alignment: .bottom) {
|
|
|
|
MessageComposerTextField(placeholder: "Send a message", text: $text, maxHeight: 300)
|
|
|
|
Button {
|
|
|
|
action()
|
|
|
|
} label: {
|
|
|
|
Image(uiImage: Asset.Images.timelineComposerSendMessage.image)
|
2022-06-13 07:38:28 +00:00
|
|
|
.background(Circle()
|
2022-06-22 11:02:37 +00:00
|
|
|
.foregroundColor(.global.white)
|
2022-06-13 07:38:28 +00:00
|
|
|
.padding(2)
|
|
|
|
)
|
2022-04-18 07:54:48 +00:00
|
|
|
}
|
|
|
|
.padding(.bottom, 6.0)
|
|
|
|
.disabled(disabled)
|
|
|
|
.opacity(disabled ? 0.5 : 1.0)
|
2022-08-11 12:02:47 +00:00
|
|
|
.animation(.elementDefault, value: disabled)
|
2022-04-18 07:54:48 +00:00
|
|
|
.keyboardShortcut(.return, modifiers: [.command])
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
struct MessageComposer_Previews: PreviewProvider {
|
|
|
|
static var previews: some View {
|
|
|
|
body.preferredColorScheme(.light)
|
|
|
|
body.preferredColorScheme(.dark)
|
|
|
|
}
|
|
|
|
|
|
|
|
@ViewBuilder
|
|
|
|
static var body: some View {
|
|
|
|
VStack {
|
|
|
|
MessageComposer(text: .constant(""), disabled: true) { }
|
|
|
|
MessageComposer(text: .constant("Some message"), disabled: false) { }
|
|
|
|
}
|
2022-06-22 11:02:37 +00:00
|
|
|
.tint(.element.accent)
|
2022-04-18 07:54:48 +00:00
|
|
|
}
|
|
|
|
}
|