Timeline Reactions: Emoji picker (#350)

* Screens template * Loading and parsing * Gridview * New json * Search method * Unit tests * Added emoji provider state * Removed containsIgnoringCase * Added plus icon, added double tap gesture, dismiss sheet after selecting emoji * Renamed EmojisProvider to EmojiProvider * Renamed EmojiPickerScreenScreen * Extra padding * Renamed EmojisLoaderProtocol * Category names * Moved method into public section of the class * Return all categories when search string is empty * Added cancel button and tittle * Removed empty lines * Removed swiftlint warning
2026-11-03 16:10:20 +00:00 · 2022-12-06 16:04:48 +02:00
parent dcedb3fb98
commit 7f91852291
30 changed files with 30941 additions and 21 deletions
@@ -0,0 +1,36 @@
+//
+// 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 EmojiPickerHeaderView: View {
+    let title: String
+    
+    var body: some View {
+        HStack {
+            Text(title)
+                .frame(maxWidth: .infinity, alignment: .leading)
+        }
+    }
+}
+
+struct EmojiPickerHeaderView_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            EmojiPickerHeaderView(title: "")
+        }
+    }
+}
@@ -0,0 +1,59 @@
+//
+// 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 EmojiPickerScreen: View {
+    @ObservedObject var context: EmojiPickerScreenViewModel.Context
+    @State var searchString = ""
+    
+    var body: some View {
+        VStack {
+            Text(ElementL10n.reactions)
+                .padding(.top, 20)
+            EmojiPickerSearchFieldView(searchString: $searchString)
+                .padding(.horizontal, 10)
+            ScrollView {
+                LazyVGrid(columns: [GridItem(.adaptive(minimum: 45))], spacing: 3) {
+                    ForEach(context.viewState.categories) { category in
+                        Section(header: EmojiPickerHeaderView(title: category.name)
+                            .padding(.horizontal, 13)
+                            .padding(.top, 10)) {
+                                ForEach(category.emojis) { emoji in
+                                    Text(emoji.value)
+                                        .frame(width: 45, height: 45)
+                                        .onTapGesture {
+                                            context.send(viewAction: .emojiSelected(emoji: emoji))
+                                        }
+                                }
+                            }
+                    }
+                }
+            }
+        }
+        .onChange(of: searchString) { _ in
+            context.send(viewAction: .search(searchString: searchString))
+        }
+    }
+}
+
+// MARK: - Previews
+
+struct EmojiPickerScreen_Previews: PreviewProvider {
+    static var previews: some View {
+        EmojiPickerScreen(context: EmojiPickerScreenViewModel(emojiProvider: EmojiProvider()).context)
+    }
+}
@@ -0,0 +1,45 @@
+//
+// 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 EmojiPickerSearchFieldView: View {
+    @Binding var searchString: String
+    @FocusState private var isSearchFocused: Bool
+    
+    var body: some View {
+        HStack {
+            Image(systemName: "magnifyingglass")
+            TextField(ElementL10n.search, text: $searchString)
+                .focused($isSearchFocused)
+            if isSearchFocused {
+                Spacer()
+                Button {
+                    searchString = ""
+                    isSearchFocused = false
+                } label: {
+                    Text(ElementL10n.actionCancel)
+                }
+            }
+        }
+    }
+}
+
+struct EmojiPickerSearchFieldView_Previews: PreviewProvider {
+    static var previews: some View {
+        EmojiPickerSearchFieldView(searchString: .constant(""))
+    }
+}