From 7b6fbbf2808ef8b7e8569cfb341ea5433b1e3ce0 Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Sun, 4 May 2025 13:55:53 +0300
Subject: [PATCH] Add search parameter update to brand filter buttons in Grid
 and List components

---
 src/components/Grid.svelte | 9 ++++++++-
 src/components/List.svelte | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/Grid.svelte b/src/components/Grid.svelte
index d7f0e45..76a86d6 100644
--- a/src/components/Grid.svelte
+++ b/src/components/Grid.svelte
@@ -72,7 +72,14 @@ $: getLogoThemeColor = logo => getDefaultLogoColor(logo.colors, theme);
       <div class="logo-info">
         <div class="logo-title-row">
           <h3>{logo.name}</h3>
-          <button class="brand-filter-btn" title="Filter by brand" on:click={() => setSearchQuery(logo.brand)}>
+          <button class="brand-filter-btn" title="Filter by brand" on:click={() => {
+            setSearchQuery(logo.brand);
+            // Update URL with search param
+            const params = new URLSearchParams(window.location.search);
+            params.set('search', logo.brand);
+            const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : '');
+            history.replaceState(null, '', newUrl);
+          }}>
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M20 4H4v2l6 6v8.5l4-2.5v-6l6-6V4z"/></svg>
             {#if allLogos && allLogos.filter(l => l.brand === logo.brand).length > 1}
               <span class="brand-count">{allLogos.filter(l => l.brand === logo.brand).length}</span>
diff --git a/src/components/List.svelte b/src/components/List.svelte
index f49e8bc..55a325f 100644
--- a/src/components/List.svelte
+++ b/src/components/List.svelte
@@ -163,7 +163,14 @@
         <button
           class="brand-filter-btn common-btn"
           title="Filter by brand"
-          on:click={() => setSearchQuery(logo.brand)}
+          on:click={() => {
+            setSearchQuery(logo.brand);
+            // Update URL with search param
+            const params = new URLSearchParams(window.location.search);
+            params.set('search', logo.brand);
+            const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : '');
+            history.replaceState(null, '', newUrl);
+          }}
         >
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
             <path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M20 4H4v2l6 6v8.5l4-2.5v-6l6-6V4z"/>