cleanup: remove redundant filter status messages

- Remove 'Showing guests for node' message in Dashboard
- Remove 'Showing only backups from PBS' message in Backups
- Filter section already shows 'Active' badge when filters applied
- Cleaner UI without duplicate information
This commit is contained in:
Pulse Monitor
2025-08-18 17:48:24 +00:00
parent 67c4122f95
commit 72f0b4a8f1
2 changed files with 2 additions and 42 deletions
@@ -695,22 +695,7 @@ const UnifiedBackups: Component = () => {
<div class="space-y-4">
{/* PBS Status Summary */}
<Show when={state.pbs && state.pbs.length > 0}>
<div class="space-y-2">
<Show when={selectedPBSInstance()}>
<div class="flex items-center justify-between text-sm text-gray-600 dark:text-gray-400">
<span>Showing only backups from PBS server: <strong>{selectedPBSInstance()}</strong></span>
<button
onClick={() => {
setSearchTerm('');
setIsSearchLocked(false);
}}
class="text-blue-600 dark:text-blue-400 hover:underline"
>
Show all backups
</button>
</div>
</Show>
<div class="flex flex-wrap gap-2">
<div class="flex flex-wrap gap-2">
<For each={state.pbs}>
{(instance) => (
<div
@@ -745,7 +730,6 @@ const UnifiedBackups: Component = () => {
</div>
)}
</For>
</div>
</div>
</Show>
@@ -26,16 +26,6 @@ export function Dashboard(props: DashboardProps) {
const [search, setSearch] = createSignal('');
const [isSearchLocked, setIsSearchLocked] = createSignal(false);
// Extract selected node from search term
const selectedNode = createMemo(() => {
const searchStr = search();
const match = searchStr.match(/node:(\S+)/);
if (match && props.nodes.some(node => node.name === match[1])) {
return match[1];
}
return null;
});
// Initialize from localStorage with proper type checking
const storedViewMode = localStorage.getItem('dashboardViewMode');
const [viewMode, setViewMode] = createSignal<ViewMode>(
@@ -330,21 +320,7 @@ export function Dashboard(props: DashboardProps) {
return (
<div>
{/* Node Summary Cards - Adaptive Layout */}
<div id="node-summary-cards-container" class="mb-3 space-y-2">
<Show when={selectedNode()}>
<div class="flex items-center justify-between text-sm text-gray-600 dark:text-gray-400">
<span>Showing guests for node: <strong>{selectedNode()}</strong></span>
<button
onClick={() => {
setSearch('');
setIsSearchLocked(false);
}}
class="text-blue-600 dark:text-blue-400 hover:underline"
>
Clear filter
</button>
</div>
</Show>
<div id="node-summary-cards-container" class="mb-3">
<div>
<Show when={props.nodes.length > 0}>
{/* Regular cards for 1-4 nodes */}