Introduce SearchBar view

Sources/Netbob/Core/UI/SearchBar.swift

@@ -0,0 +1,38 @@
+//
+//  Copyright © Marc Schultz. All rights reserved.
+//
+
+import SwiftUI
+
+struct SearchBar: View {
+    @Binding var text: String
+
+    var body: some View {
+        TextField("Search ...", text: $text)
+            .padding(7)
+            .padding(.horizontal, 25)
+            .background(Color(.systemGray6))
+            .cornerRadius(8)
+            .overlay(
+                HStack {
+                    Image(systemName: "magnifyingglass")
+                        .foregroundColor(.gray)
+                        .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
+                        .padding(.leading, 8)
+
+                    if !text.isEmpty {
+                        Button { text = "" } label: {
+                            Image(systemName: "xmark.circle.fill")
+                                .foregroundColor(.gray)
+                                .padding(.trailing, 8)
+                        }
+                    }
+                }
+            )
+    }
+}
+
+#Preview {
+    SearchBar(text: .constant(""))
+    SearchBar(text: .constant("fake"))
+}

Sources/Netbob/Modules/List/ListView.swift

@@ -8,7 +8,9 @@ struct ListView: View {
     @StateObject var state: ListViewStateAbstract
 
     var body: some View {
-        searchBar
+        SearchBar(text: $state.searchText)
+            .padding(.horizontal)
+
         List {
             ForEach(state.connections) { viewData in
                 NavigationLink(destination: DetailView(state: .init(connection: viewData.connection))) {
@@ -47,19 +49,6 @@ struct ListView: View {
         }
         .font(.system(size: 20, weight: .light))
     }
-
-    var searchBar: some View {
-        HStack {
-            Image(systemName: "magnifyingglass")
-            TextField("Search by address", text: $state.searchText)
-        }
-        .font(.headline)
-        .padding(.top)
-        .background(
-            RoundedRectangle(cornerRadius: 25)
-                .fill(Color.white)
-        )
-    }
 }
 
 struct ListRow: View {