This repository has been archived on 2023-12-17. You can view files and clone it, but cannot push or open issues or pull requests.
extension/ui/apps/dashboard/components/Network.svelte

36 lines
673 B
Svelte
Raw Normal View History

<script>
import { onDestroy, onMount } from "svelte";
import { getNetworkModuleStatus } from "@lumeweb/libkernel";
export let module;
let destroy;
let ready = false;
let sync = null;
let peers = 0;
onMount(() => {
destroy = getNetworkModuleStatus((data) => {
ready = data.ready;
sync = data.sync;
peers = data.peers;
}, module);
});
onDestroy(() => {
destroy?.();
});
</script>
<li class:success={ready}>
<div class="network">
<span class="icon" class:icon-success={ready} />
Network
</div>
{#if ready}
<div class="status">Synced</div>
{:else}
<div class="status">Syncing</div>
{/if}
</li>