Skip to content

Commit d90050f

Browse files
Show filter-aware empty state on Waterline flow list
Split the flow list empty state into two cases: when filters are active but no flows match, show a filter-specific message with a Clear filters button; when no filters are active and the list is empty, keep the existing "There aren't any flows." message. This gives operators a clearer next action when filters hide results, and mirrors the Clear control already available in the list toolbar.
1 parent bfad678 commit d90050f

1 file changed

Lines changed: 13 additions & 3 deletions

File tree

resources/js/screens/flows/index.vue

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1662,12 +1662,22 @@
16621662
</button>
16631663
</div>
16641664

1665-
<div v-if="ready && !loadingError && flows.length == 0"
1665+
<div v-if="ready && !loadingError && flows.length == 0 && hasActiveFilters"
16661666
class="d-flex flex-column align-items-center justify-content-center card-bg-secondary p-5 bottom-radius text-center"
16671667
role="status"
16681668
aria-live="polite">
1669-
<strong>{{ flowListEmptyTitle() }}</strong>
1670-
<span v-if="hasActiveFilters" class="text-muted mt-2">Clear the active view or filters to widen the list.</span>
1669+
<strong>No flows match the current filters.</strong>
1670+
<span class="text-muted mt-2">Adjust the filters above or clear them to see more flows.</span>
1671+
<button class="btn btn-outline-primary btn-sm mt-3" @click="clearFilters">
1672+
Clear filters
1673+
</button>
1674+
</div>
1675+
1676+
<div v-if="ready && !loadingError && flows.length == 0 && !hasActiveFilters"
1677+
class="d-flex flex-column align-items-center justify-content-center card-bg-secondary p-5 bottom-radius text-center"
1678+
role="status"
1679+
aria-live="polite">
1680+
<span>There aren't any flows.</span>
16711681
</div>
16721682

16731683
<table v-if="ready && !loadingError && flows.length > 0" :class="workflowListTableClass">

0 commit comments

Comments
 (0)