<script lang="ts">
	import { statusStore } from '$lib/Types.svelte';
	import { onMount } from 'svelte';
	import SmartApplicationList from './SmartApplicationList.svelte';

	onMount(async () => {
		await statusStore.load();
	});
</script>

{#if statusStore.nodes.length > 0}
	{#each statusStore.nodes as node}
        {#if node.visible}
            <SmartApplicationList title={node.name} status_id={node.id} />
        {/if}
	{/each}
{/if}
