From f54b3778627931eab206321e1dfa50e0e7970137 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Sat, 10 Sep 2022 22:56:49 +0530
Subject: [PATCH] feat: search option for LTAR child table

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../LinkedToAnotherRecordOptions.vue            | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue
index e0711a6fae..2e34a50a2c 100644
--- a/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue
@@ -52,15 +52,24 @@ const refTables = $computed(() => {
 <template>
   <div class="w-full flex flex-col mb-2 mt-4">
     <div class="border-2 p-6">
-      <a-form-item v-bind="validateInfos.type">
+      <a-form-item v-bind="validateInfos.type" class="nc-ltar-relation-type">
         <a-radio-group v-model:value="vModel.type" name="type" v-bind="validateInfos.type">
           <a-radio value="hm">Has Many</a-radio>
           <a-radio value="mm">Many To Many</a-radio>
         </a-radio-group>
       </a-form-item>
-      <a-form-item class="flex w-full pb-2 mt-4" :label="$t('labels.childTable')" v-bind="validateInfos.childId">
-        <a-select v-model:value="vModel.childId" @change="onDataTypeChange">
-          <a-select-option v-for="(table, index) in refTables" :key="index" :value="table.id">
+      <a-form-item
+        class="flex w-full pb-2 mt-4 nc-ltar-child-table"
+        :label="$t('labels.childTable')"
+        v-bind="validateInfos.childId"
+      >
+        <a-select
+          v-model:value="vModel.childId"
+          show-search
+          :filter-option="(value, option) => option.key.toLowerCase().includes(value.toLowerCase())"
+          @change="onDataTypeChange"
+        >
+          <a-select-option v-for="table in refTables" :key="table.title" :value="table.id">
             {{ table.title }}
           </a-select-option>
         </a-select>