Implemented UI View and filtering function

TODO : Fix Search Bar appearance
martingdela · Feb 19, 2020 · 26fa54d · 26fa54d
1 parent 29f6079
commit 26fa54d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/FlinkChallenge/FlinkChallenge/Views/CharacterFeedView.swift b/FlinkChallenge/FlinkChallenge/Views/CharacterFeedView.swift
@@ -10,11 +10,16 @@ import SwiftUI
 
 struct CharacterFeedView: View {
     @ObservedObject var characterFeed = CharacterFeed()
+    @State private var searchText : String = ""
 
     var body: some View {
         VStack {
-            List(characterFeed) { (character: APICharacter) in
-                ZStack {
+            SearchBar(text: $searchText)
+            List {
+                ForEach(self.characterFeed.filter {
+                    self.searchText.isEmpty ? true : $0.name!.lowercased().contains(self.searchText.lowercased())
+                }, id: \.id) { character in
+                    ZStack {
                         Card(character: character).frame(width: 300, height: 300)
                             .onAppear {
                                 self.characterFeed.loadMoreCharacters(currentItem: character)
@@ -27,6 +32,7 @@ struct CharacterFeedView: View {
         }
     }
 }
+}
 
 struct CharacterFeedView_Previews: PreviewProvider {
     static var previews: some View {

diff --git a/FlinkChallenge/FlinkChallenge/Views/ContentView.swift b/FlinkChallenge/FlinkChallenge/Views/ContentView.swift
@@ -9,6 +9,8 @@
 import SwiftUI
 
 struct ContentView: View {
+
+
     var body: some View {
         NavigationView {
             CharacterFeedView().navigationBarTitle(Text("Characters"))