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

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

View File

@@ -7,11 +7,13 @@ interface Props {
totalCount: number
maxVisible?: number
searchQuery?: string
showDivider?: boolean
}
const props = withDefaults(defineProps<Props>(), {
maxVisible: 6,
searchQuery: '',
showDivider: false,
})
const emits = defineEmits<{
@@ -129,7 +131,7 @@ const handleEdit = (integration: IntegrationType) => {
</script>
<template>
<div class="nc-active-connections-section" style="container-type: inline-size">
<div v-show="filteredConnections.length" class="nc-active-connections-section" style="container-type: inline-size">
<!-- Section header -->
<div class="flex items-center justify-between mb-4">
<div class="flex items-center gap-2">
@@ -175,6 +177,8 @@ const handleEdit = (integration: IntegrationType) => {
</div>
</div>
<NcDivider v-if="showDivider" class="!mt-6 !mb-0" />
<!-- Delete confirmation modal -->
<GeneralDeleteModal
v-model:visible="isDeleteModalOpen"