fix(gui): search field selection

fixes search filed selection issue which breaks entire ui.

fix #210

Signed-off-by: Pranav C Balan <pranavxc@gmail.com>

packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js

@@ -85,7 +85,7 @@ export default {
     concatenatedXWhere() {
       let where = '';
       if (this.searchField && this.searchQuery.trim()) {
-        if (['text', 'string'].includes(this.sqlUi.getAbstractType(this.availableColumns.find(({_cn}) => _cn === this.searchField)))) {
+        if (['text', 'string'].includes(this.sqlUi.getAbstractType(this.availableColumns.find(({_cn}) => _cn === this.searchField) || this.availableColumns[0]))) {
           where = `(${this.searchField},like,%${this.searchQuery.trim()}%)`
         } else {
           where = `(${this.searchField},eq,${this.searchQuery.trim()})`

packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue

@@ -19,7 +19,7 @@
           </template>
           <v-list dense>
             <v-list-item v-for="col in availableColumns" :key="col.cn"
-                         @click="searchField = col.cn">
+                         @click="searchField = col._cn">
               <span class="caption">{{ col._cn }}</span>
             </v-list-item>
           </v-list>