From 50326a6608af22b795070a2b1e92e1b010a989e3 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 22 Sep 2023 15:23:15 +0000
Subject: [PATCH] fix: Added loading to NcSelect

---
 packages/nc-gui/components/nc/Select.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/nc/Select.vue b/packages/nc-gui/components/nc/Select.vue
index 84dc75d985..cf8b33aaae 100644
--- a/packages/nc-gui/components/nc/Select.vue
+++ b/packages/nc-gui/components/nc/Select.vue
@@ -8,6 +8,7 @@ const props = defineProps<{
   filterOption?: (input: string, option: any) => boolean
   dropdownMatchSelectWidth?: boolean
   allowClear?: boolean
+  loading?: boolean
 }>()
 
 const emits = defineEmits(['update:value', 'change'])
@@ -22,6 +23,8 @@ const filterOption = computed(() => props.filterOption)
 
 const dropdownMatchSelectWidth = computed(() => props.dropdownMatchSelectWidth)
 
+const loading = computed(() => props.loading)
+
 const vModel = useVModel(props, 'value', emits)
 
 const onChange = (value: string) => {
@@ -39,10 +42,13 @@ const onChange = (value: string) => {
     :filter-option="filterOption"
     :dropdown-match-select-width="dropdownMatchSelectWidth"
     :allow-clear="allowClear"
+    :loading="true"
+    :disabled="true"
     @change="onChange"
   >
     <template #suffixIcon>
-      <GeneralIcon icon="arrowDown" class="text-gray-800 nc-select-expand-btn" />
+      <GeneralLoader v-if="loading" />
+      <GeneralIcon v-else icon="arrowDown" class="text-gray-800 nc-select-expand-btn" />
     </template>
     <slot />
   </a-select>