danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(hosts): Merge filter sections into single row

Browse source
This commit is contained in:
rcourtman 2025-12-12 23:43:13 +00:00
parent ca8cd0e3b4
commit c48c5b8861
2 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend-modern/src/components/Hosts/HostsFilter.tsx
View file

@ -359,9 +359,7 @@ export const HostsFilter: Component<HostsFilterProps> = (props) => {
Offline Offline
</button> </button>
</div> </div>
</div>
<div class="flex flex-wrap items-center gap-2">
<Show when={props.activeHostName}> <Show when={props.activeHostName}>
<div class="flex items-center gap-1 rounded-full bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 dark:bg-blue-900/40 dark:text-blue-200"> <div class="flex items-center gap-1 rounded-full bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 dark:bg-blue-900/40 dark:text-blue-200">
<span>Host: {props.activeHostName}</span> <span>Host: {props.activeHostName}</span>

5
frontend-modern/src/stores/websocket.ts
View file

@ -338,8 +338,10 @@ export function createWebSocketStore(url: string) {
message.type === WEBSOCKET.MESSAGE_TYPES.INITIAL_STATE || message.type === WEBSOCKET.MESSAGE_TYPES.INITIAL_STATE ||
message.type === WEBSOCKET.MESSAGE_TYPES.RAW_DATA message.type === WEBSOCKET.MESSAGE_TYPES.RAW_DATA
) { ) {
// Update state properties individually to ensure reactivity // Update state properties individually, but batch the whole payload to
// reduce reactive recomputations and UI thrash on large updates.
if (message.data) { if (message.data) {
batch(() => {
// Mark that we've received usable data (initial payload or raw update) // Mark that we've received usable data (initial payload or raw update)
if (!initialDataReceived()) { if (!initialDataReceived()) {
setInitialDataReceived(true); setInitialDataReceived(true);
@ -646,6 +648,7 @@ export function createWebSocketStore(url: string) {
// Updated recentlyResolved // Updated recentlyResolved
} }
setState('lastUpdate', message.data.lastUpdate || new Date().toISOString()); setState('lastUpdate', message.data.lastUpdate || new Date().toISOString());
});
} }
logger.debug('message', { logger.debug('message', {
type: message.type, type: message.type,