Add Search Function

src/Views/Sidebar.vala

@@ -37,6 +37,8 @@ using App.Windows;
 
 namespace App.Views {
     public class Sidebar : Gtk.ScrolledWindow {
+        Gtk.Box box;
+        Gtk.SearchEntry search_entry;
         Gtk.ListBox listbox;
         Gapi gapi;
 
@@ -48,10 +50,25 @@ namespace App.Views {
             listbox = new Gtk.ListBox ();
             listbox.activate_on_single_click = true;
             listbox.selection_mode = Gtk.SelectionMode.SINGLE;
+            listbox.set_filter_func (filter_function);
+
+            search_entry = new Gtk.SearchEntry ();
+            search_entry.margin = 8;
+            search_entry.hexpand = true;
+            search_entry.placeholder_text = _("Search Friends");
+            search_entry.valign = Gtk.Align.CENTER;
+
+            box = new Gtk.Box (Gtk.Orientation.VERTICAL, 0);
+            box.pack_start (search_entry, false, false);
+            box.pack_start (listbox, false, false);
 
             this.hscrollbar_policy = Gtk.PolicyType.NEVER;
             this.vexpand = true;
-            this.add (listbox);
+            this.add (box);
+
+            search_entry.search_changed.connect (() => {
+                listbox.invalidate_filter ();
+            });
 
             try {
                 gapi.load_trending ();
@@ -79,6 +96,23 @@ namespace App.Views {
 
         }
 
+        [CCode (instance_pos = -1)]
+        private bool filter_function (Gtk.ListBoxRow row) {
+            var font = ((FontListRow) row).font_family;
+
+            if (font == null) {
+                return false;
+            }
+
+            var search_term = search_entry.text.down ();
+
+            if (search_term in font.down ()) {
+                return true;
+            }
+
+            return false;
+        }
+
     }
 
 }