add searchbar

src/window.py

@@ -89,6 +89,7 @@ class EepmPlayGuiWindow(Adw.ApplicationWindow):
     is_loading = GObject.Property(type=bool, default=True)
 
     search_entry = Gtk.Template.Child()
+    search_bar = Gtk.Template.Child()
     search_toggle_button = Gtk.Template.Child()
     main_stack = Gtk.Template.Child()
     search_dropdown = Gtk.Template.Child()
@@ -103,7 +104,7 @@ class EepmPlayGuiWindow(Adw.ApplicationWindow):
         self.apply_button.connect("activated", self.on_apply_clicked)
         
         self.connect("notify::is-loading", self.on_is_loading_changed)
-        self.search_toggle_button.connect("notify::active", self.on_search_toggle_button_clicked)
+        self.search_bar.connect_entry(self.search_entry)
 
         self.search_entry.connect("search-changed", self.on_search_changed)
         self.search_dropdown.connect("notify::selected", self.on_filter_changed)
@@ -114,10 +115,6 @@ class EepmPlayGuiWindow(Adw.ApplicationWindow):
 
         self.update_ui()
         
-    def on_search_toggle_button_clicked (self, obj, _pspec):
-        if not self.search_toggle_button.props.active:
-            self.search_entry.props.text = ""
-        
     def on_is_loading_changed (self, obj, _pspec):
         self.main_stack.props.visible_child_name = "loading" if self.props.is_loading else "main"
 

src/window.ui

@@ -50,17 +50,20 @@
                 <property name="child">
                   <object class="AdwToolbarView">
                     <property name="content">
-                      <object class="AdwToolbarView">
-                        <property name="reveal-top-bars" bind-source="search_toggle_button" bind-property="active" bind-flags="sync-create"/>
-                        <child type="top">
+                      <object class="GtkBox" id="main_box">
+                        <property name="orientation">vertical</property>
+                        <child>
                           <object class="AdwClamp">
-                            <property name="margin-bottom">4</property>
-                            <property name="margin-end">12</property>
-                            <property name="margin-start">12</property>
-                            <property name="margin-top">4</property>
                             <property name="maximum-size">420</property>
                             <child>
+                              <object class="GtkSearchBar" id="search_bar">
+                                <property name="search-mode-enabled" bind-source="search_toggle_button" bind-property="active" bind-flags="sync-create|bidirectional"/>
+                                <property name="key-capture-widget">main_box</property>
+                                <child>
                                   <object class="GtkBox">
+                                    <style>
+                                      <class name="linked"/>
+                                    </style>
                                     <child>
                                       <object class="GtkSearchEntry" id="search_entry">
                                         <property name="hexpand">true</property>
@@ -81,14 +84,36 @@
                                         <property name="halign">end</property>
                                       </object>
                                     </child>
+                                  </object>
+                                </child>
+                              </object>
+                              <!-- <object class="GtkBox">
+                                <child>
+                                  
+                                </child>
+                                <child>
+                                  <object class="GtkDropDown" id="search_dropdown">
+                                    <property name="model">
+                                      <object class="GtkStringList">
+                                        <items>
+                                          <item translatable="yes">All</item>
+                                          <item translatable="yes">Installed</item>
+                                          <item translatable="yes">Uninstalled</item>
+                                          <item translatable="yes">Changed</item>
+                                        </items>
+                                      </object>
+                                    </property>
+                                    <property name="halign">end</property>
+                                  </object>
+                                </child>
                                 <style>
                                   <class name="linked"/>
                                 </style>
-                              </object>
+                              </object> -->
                             </child>
                           </object>
                         </child>
-                        <property name="content">
+                        <child>
                           <object class="GtkScrolledWindow">
                             <property name="propagate-natural-height">true</property>
                             <property name="hscrollbar-policy">never</property>
@@ -109,7 +134,7 @@
                               </object>
                             </child>
                           </object>
-                        </property>
+                        </child>
                       </object>
                     </property>
                     <child type="bottom">