From 6afc3dce63b28a057d1b7a30ebb7ddd92aa8a19c Mon Sep 17 00:00:00 2001
From: Josemi <josemijuanes@gmail.com>
Date: Thu, 16 Jan 2025 13:18:04 +0100
Subject: [PATCH] wc: Allow to disable search button using a searchActive
 property #TASK-7216 #TASK-7100

---
 .../variant/variant-browser-horizontal-filter.js           | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/webcomponents/variant/variant-browser-horizontal-filter.js b/src/webcomponents/variant/variant-browser-horizontal-filter.js
index 748bc98e9..d5bcb9e4e 100644
--- a/src/webcomponents/variant/variant-browser-horizontal-filter.js
+++ b/src/webcomponents/variant/variant-browser-horizontal-filter.js
@@ -83,6 +83,9 @@ export default class VariantBrowserHorizontalFilter extends LitElement {
             defaultFilter: {
                 type: Object,
             },
+            searchActive: {
+                type: Boolean,
+            },
             config: {
                 type: Object,
             },
@@ -94,6 +97,8 @@ export default class VariantBrowserHorizontalFilter extends LitElement {
         this._config = this.getDefaultConfig();
 
         this.query = {};
+        this.searchActive = true;
+
         this.queryList = [];
         this.preparedQuery = {};
 
@@ -1200,7 +1205,7 @@ export default class VariantBrowserHorizontalFilter extends LitElement {
                     </div>
                 </button>
                 <div class="w-px bg-gray-200"></div>
-                <button class="btn btn-primary d-flex align-items-center gap-2" @click="${this.onSearch}">
+                <button class="btn btn-primary d-flex align-items-center gap-2 ${!this.searchActive ? "disabled" : ""}" @click="${this.onSearch}">
                     <i class="fas fa-search"></i>
                     <span class="fw-bold">Search</span>
                 </button>