Merge pull request #178 from RivianTrackr/claude/add-stats-share-image-qmNqS

Fix tire search dropdown: no results + icon overlap

Author: RivianTrackr

frontend/templates/tire-review.php

@@ -705,7 +705,7 @@
 
     <!-- Tire search -->
     <div class="rv-search-wrap">
-      <i class="fa-solid fa-magnifying-glass rv-search-icon" aria-hidden="true"></i>
+      <svg class="rv-search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
       <input type="text" class="rv-search" id="rvTireSearch" placeholder="Search by brand, model, or size..." autocomplete="off" />
       <div class="rv-dropdown" id="rvDropdown"></div>
     </div>

includes/class-rtg-tire-review.php

@@ -84,9 +84,23 @@ public function load_template() {
             $tire_guide_url = get_permalink( $guide_pages[0] );
         }
 
+        // Build lightweight tire list with named keys for the review page JS.
+        $raw_tires    = RTG_Database::get_tires_as_array();
+        $review_tires = array();
+        foreach ( $raw_tires as $row ) {
+            $review_tires[] = array(
+                'tire_id'  => $row[0],
+                'brand'    => $row[3],
+                'model'    => $row[4],
+                'size'     => $row[1],
+                'category' => $row[5],
+                'image'    => $row[19],
+            );
+        }
+
         // Localize tire data and review config for the review page.
         wp_localize_script( 'rtg-tire-review', 'rtgTireReview', array(
-            'tires'           => RTG_Database::get_tires_as_array(),
+            'tires'           => $review_tires,
             'ajaxurl'         => admin_url( 'admin-ajax.php' ),
             'nonce'           => wp_create_nonce( 'tire_rating_nonce' ),
             'is_logged_in'    => is_user_logged_in(),