From 14d0dc590fb88ac0ca402b355e2022429706c862 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 11 Feb 2026 16:17:15 +0700
Subject: [PATCH] refactor(FE): Make dropdown filters clearable in
 PurchasesPerSupplierTab

---
 .../report/logistic-stock/tab/PurchasesPerSupplierTab.tsx   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/report/logistic-stock/tab/PurchasesPerSupplierTab.tsx b/src/components/pages/report/logistic-stock/tab/PurchasesPerSupplierTab.tsx
index 4176e8ba..023df222 100644
--- a/src/components/pages/report/logistic-stock/tab/PurchasesPerSupplierTab.tsx
+++ b/src/components/pages/report/logistic-stock/tab/PurchasesPerSupplierTab.tsx
@@ -1035,11 +1035,12 @@ const PurchasesPerSupplierTab = ({ tabId }: PurchasesPerSupplierTabProps) => {
             options={dataTypeOptions}
             value={filterByType}
             onChange={(val) => {
-              if (val && !Array.isArray(val)) {
+              if (!Array.isArray(val)) {
                 setFilterByType(val);
               }
             }}
             className={{ wrapper: 'w-full' }}
+            isClearable={true}
           />
 
           {/* Sort By */}
@@ -1049,11 +1050,12 @@ const PurchasesPerSupplierTab = ({ tabId }: PurchasesPerSupplierTabProps) => {
             options={sortByOptions}
             value={filterSortBy}
             onChange={(val) => {
-              if (val && !Array.isArray(val)) {
+              if (!Array.isArray(val)) {
                 setFilterSortBy(val);
               }
             }}
             className={{ wrapper: 'w-full' }}
+            isClearable={true}
           />
         </div>