clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-02 11:06:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: search filters both connections and integrations, empty state, placeholders

Browse Source
This commit is contained in:
Ramesh Mane
2026-04-10 09:37:39 +00:00
parent a00fd60d81
commit 63a79f7324
4 changed files with 39 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/nc-gui/components/workspace/integrations/IntegrationsTab.vue
View File

@@ -183,14 +183,25 @@ const integrationsMapByCategory = computed(() => {
)
})
const isEmptyList = computed(() => {
const hasIntegrationResults = computed(() => {
const categories = Object.keys(integrationsMapByCategory.value)
return categories.some((category) => integrationsMapByCategory.value[category]?.list?.length > 0)
})
if (!categories.length) {
return true
}
const hasConnectionResults = computed(() => {
if (!props.showActiveConnections || isModal || !integrations.value.length) return false
return !categories.some((category) => integrationsMapByCategory.value[category].list.length > 0)
const query = searchQuery.value.trim().toLowerCase()
if (!query) return integrations.value.length > 0
return integrations.value.some((i) => i.title?.toLowerCase().includes(query))
})
const isEmptyList = computed(() => {
// If active connections have results, don't show empty state
if (hasConnectionResults.value) return false
return !hasIntegrationResults.value
})
const isAddNewIntegrationModalOpen = computed({
@@ -339,7 +350,7 @@ watch(activeViewTab, (value) => {
v-model:value="searchQuery"
type="text"
class="flex-1 nc-input-border-on-value nc-search-integration-input !rounded-lg !py-2 !h-9"
placeholder="Search integration"
:placeholder="$t('placeholder.searchConnectionsOrIntegrations')"
allow-clear
>
<template #prefix>
@@ -409,9 +420,9 @@ watch(activeViewTab, (value) => {
:connections="integrations"
:total-count="integrationPaginationData.totalRows || 0"
:search-query="searchQuery"
show-divider
@view-all="emits('view-all-connections')"
/>
<NcDivider v-if="showActiveConnections && !isModal && integrations.length" />
<template v-for="(category, key) in integrationsMapByCategory">
<div