view is created and responsive, I need now to implement the result processing of the actions

2026-05-04 23:17:43 +02:00 · 2022-12-12 17:34:06 +01:00
parent 6aae0c4444
commit 31fd822f39
6 changed files with 168 additions and 66 deletions
@@ -0,0 +1,100 @@
+//
+// Copyright 2022 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 SwiftUI
+
+struct ComposerLinkAction: View {
+    @Environment(\.theme) private var theme: ThemeSwiftUI
+    @ObservedObject private var viewModel: ComposerLinkActionViewModel.Context
+    
+    var body: some View {
+        NavigationView {
+            VStack(alignment: .leading, spacing: 0) {
+                VStack(alignment: .leading, spacing: 24) {
+                    if viewModel.viewState.shouldDisplayTextField {
+                        VStack(alignment: .leading, spacing: 8.0) {
+                            // TODO: Add Translation
+                            Text("Text")
+                                .font(theme.fonts.subheadline)
+                                .foregroundColor(theme.colors.secondaryContent)
+                            TextField("", text: $viewModel.text)
+                                .textFieldStyle(BorderedInputFieldStyle())
+                        }
+                    }
+                    VStack(alignment: .leading, spacing: 8.0) {
+                        // TODO: Add Translation
+                        Text("Link")
+                            .font(theme.fonts.subheadline)
+                            .foregroundColor(theme.colors.secondaryContent)
+                        TextField("", text: $viewModel.linkUrl)
+                            .keyboardType(.URL)
+                            .textFieldStyle(BorderedInputFieldStyle())
+                    }
+                }
+                Spacer()
+                VStack(spacing: 16) {
+                    Button(VectorL10n.save) {
+                        viewModel.send(viewAction: .save)
+                    }
+                    .buttonStyle(PrimaryActionButtonStyle())
+                    .disabled(viewModel.viewState.isSaveButtonDisabled)
+                    if viewModel.viewState.shouldDisplayRemoveButton {
+                        Button(VectorL10n.remove) {
+                            viewModel.send(viewAction: .remove)
+                        }
+                        .buttonStyle(PrimaryActionButtonStyle(customColor: theme.colors.alert))
+                    }
+                    Button(VectorL10n.cancel) {
+                        viewModel.send(viewAction: .cancel)
+                    }
+                    .buttonStyle(SecondaryActionButtonStyle())
+                }
+            }
+            .padding(.top, 40.0)
+            .padding(.bottom, 12.0)
+            .padding(.horizontal, 16.0)
+            .toolbar {
+                ToolbarItem(placement: .navigationBarLeading) {
+                    Button(VectorL10n.cancel, action: {
+                        viewModel.send(viewAction: .cancel)
+                    })
+                }
+                ToolbarItem(placement: .principal) {
+                    Text(viewModel.viewState.title)
+                        .font(.headline)
+                        .foregroundColor(theme.colors.primaryContent)
+                }
+            }
+            .navigationBarTitleDisplayMode(.inline)
+            .introspectNavigationController { navigationController in
+                ThemeService.shared().theme.applyStyle(onNavigationBar: navigationController.navigationBar)
+            }
+            .accentColor(theme.colors.accent)
+            .navigationViewStyle(StackNavigationViewStyle())
+        }
+    }
+    
+    init(viewModel: ComposerLinkActionViewModel.Context) {
+        self.viewModel = viewModel
+    }
+}
+
+struct ComposerLinkActionView_Previews: PreviewProvider {
+    static let stateRenderer = MockComposerLinkActionScreenState.stateRenderer
+    static var previews: some View {
+        stateRenderer.screenGroup()
+    }
+}