add unhealthy to filter

taikoxyz · Jan 24, 2024 · 6cc007b · 6cc007b
1 parent aa5b302
commit 6cc007b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/guardian-prover-health-check-ui/src/components/Overview/Filter.svelte b/packages/guardian-prover-health-check-ui/src/components/Overview/Filter.svelte
@@ -8,6 +8,8 @@
 	import DesktopOrLarger from '$components/DesktopOrLarger/DesktopOrLarger.svelte';
 	import { classNames } from '$lib/util/classNames';
 
+	import { loading as loadingStore } from '$stores';
+
 	export let refreshData: () => void;
 	export let filteredGuardianProvers: Guardian[] = [];
 	export let loading: boolean = false;
@@ -31,6 +33,8 @@
 
 	$: selectedStatus = null;
 
+	$: spin = loading || $loadingStore;
+
 	$: if (selectedStatus !== null) {
 		filtered = true;
 		filterByStatus(selectedStatus);
@@ -47,7 +51,7 @@
 
 <div class={classes}>
 	<button class="btn btn-xs w-[36px] h-[36px] rounded-full" on:click={refreshData}
-		><RotatingIcon type="refresh" bind:loading /></button
+		><RotatingIcon type="refresh" bind:loading={spin} /></button
 	>
 	<StatusFilterDropdown bind:selectedStatus />
 </div>

diff --git a/packages/guardian-prover-health-check-ui/src/components/Overview/StatusFilterDropdown.svelte b/packages/guardian-prover-health-check-ui/src/components/Overview/StatusFilterDropdown.svelte
@@ -16,6 +16,7 @@
 	const options = [
 		{ value: null, label: $t('filter.guardian_status.all') },
 		{ value: GuardianProverStatus.DEAD, label: $t('filter.guardian_status.dead') },
+		{ value: GuardianProverStatus.UNHEALTHY, label: $t('filter.guardian_status.unhealthy') },
 		{ value: GuardianProverStatus.ALIVE, label: $t('filter.guardian_status.alive') }
 	];