Skip to content

Commit

Permalink
chore: hide empty state of column list
Browse files Browse the repository at this point in the history
  • Loading branch information
nextchamp-saqib committed Jan 14, 2024
1 parent 9f185b8 commit cc72beb
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 2 deletions.
3 changes: 2 additions & 1 deletion frontend/src/components/DraggableList.vue
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ const props = defineProps({
group: { type: String, required: true },
itemKey: { type: String, default: 'value' },
emptyText: { type: String, default: 'No items' },
showEmptyState: { type: Boolean, default: true },
})
const items = computed({
get: () => props.items,
Expand Down Expand Up @@ -60,7 +61,7 @@ function onChange(e) {
<slot name="item-suffix" :item="item" :index="idx" />
</div>
</template>
<template v-if="!items?.length" #footer>
<template v-if="showEmptyState && !items?.length">
<div
class="flex h-16 items-center justify-center rounded border border-dashed text-sm text-gray-600"
>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/query/visual/ColumnSection.vue
Original file line number Diff line number Diff line change
Expand Up @@ -98,8 +98,8 @@ function onColumnSort(e) {
:items="columns"
group="columns"
item-key="label"
empty-text="No columns selected"
@sort="onColumnSort"
:showEmptyState="true"
>
<template #item="{ item: column, index: idx }">
<Popover
Expand Down

0 comments on commit cc72beb

Please sign in to comment.