From a6654c451931f31245ac7548a8a4dea04239d7eb Mon Sep 17 00:00:00 2001
From: makwanar587 <radhikabytefury@gmail.com>
Date: Thu, 2 Dec 2021 12:18:43 +0530
Subject: [PATCH] fix filter issues

---
 .../components/base/BaseCustomerSelectInput.vue  |  1 -
 resources/scripts/views/invoices/Index.vue       |  5 +----
 resources/scripts/views/items/Index.vue          | 16 +++++++++++++---
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/resources/scripts/components/base/BaseCustomerSelectInput.vue b/resources/scripts/components/base/BaseCustomerSelectInput.vue
index b890d02f..2fe6a2ab 100644
--- a/resources/scripts/components/base/BaseCustomerSelectInput.vue
+++ b/resources/scripts/components/base/BaseCustomerSelectInput.vue
@@ -6,7 +6,6 @@
     value-prop="id"
     label="name"
     :filter-results="false"
-    :min-chars="1"
     resolve-on-load
     :delay="500"
     :searchable="true"
diff --git a/resources/scripts/views/invoices/Index.vue b/resources/scripts/views/invoices/Index.vue
index 36110381..e6fa7f21 100644
--- a/resources/scripts/views/invoices/Index.vue
+++ b/resources/scripts/views/invoices/Index.vue
@@ -179,10 +179,7 @@
         </template>
 
         <template #cell-name="{ row }">
-         <BaseText
-            :text="row.data.customer.name"
-            :length="30"
-          />
+          <BaseText :text="row.data.customer.name" :length="30" />
         </template>
 
         <!-- Invoice Number  -->
diff --git a/resources/scripts/views/items/Index.vue b/resources/scripts/views/items/Index.vue
index a526e571..edc04130 100644
--- a/resources/scripts/views/items/Index.vue
+++ b/resources/scripts/views/items/Index.vue
@@ -50,12 +50,16 @@
       <BaseInputGroup :label="$tc('items.unit')" class="text-left">
         <BaseMultiselect
           v-model="filters.unit_id"
-          :options="itemStore.itemUnits"
-          label="name"
           :placeholder="$t('items.select_a_unit')"
-          class="w-full"
           value-prop="id"
+          track-by="name"
+          :filter-results="false"
+          label="name"
+          resolve-on-load
+          :delay="500"
           searchable
+          class="w-full"
+          :options="searchUnits"
         />
       </BaseInputGroup>
 
@@ -298,6 +302,12 @@ function setFilters() {
   refreshTable()
 }
 
+async function searchUnits(search) {
+  let res = await itemStore.fetchItemUnits({ search })
+
+  return res.data.data
+}
+
 async function fetchData({ page, filter, sort }) {
   let data = {
     search: filters.name,