chore: delete dashboard svelte files
This commit is contained in:
parent
e0d1196bac
commit
06145abfa4
GPG Key ID:
C997C339BE476FF2
|
|
@ -1,57 +0,0 @@
|
|||
<script lang="ts">
|
||||
import "../../styles/global.scss";
|
||||
import Header from "./components/Header.svelte";
|
||||
import Art from "./components/Art.svelte";
|
||||
import { waitForConnected } from "../../../shared/util.ts";
|
||||
import { createClient } from "@lumeweb/kernel-network-registry-client";
|
||||
import Network from "./components/Network.svelte";
|
||||
import Footer from "./components/Footer.svelte";
|
||||
|
||||
const networkClient = createClient();
|
||||
|
||||
let connected = false;
|
||||
|
||||
async function getNetworks() {
|
||||
let types = {};
|
||||
|
||||
return new Promise((resolve) => {
|
||||
waitForConnected(async () => {
|
||||
connected = true;
|
||||
|
||||
const allTypes = await networkClient.getTypes();
|
||||
|
||||
for (const type of allTypes) {
|
||||
types[type] = await networkClient.getNetworksByType(type);
|
||||
}
|
||||
});
|
||||
|
||||
resolve(types);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<Header />
|
||||
<Art />
|
||||
<div class="content connected">
|
||||
{#await getNetworks() then types}
|
||||
<div class="content-grid">
|
||||
{#each Object.entries(types) as [type, networks]}
|
||||
<div>
|
||||
<h4>{type} Networks</h4>
|
||||
<ul>
|
||||
{#each networks as network}
|
||||
<Network module={network} />
|
||||
{/each}
|
||||
</ul>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
{/await}
|
||||
</div>
|
||||
<Footer />
|
||||
</main>
|
||||
|
||||
<style lang="scss">
|
||||
@import "App.scss";
|
||||
</style>
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
<script>
|
||||
import { waitForConnected } from "../../../../shared/util.ts";
|
||||
|
||||
let connected = false;
|
||||
let pulse = false;
|
||||
|
||||
waitForConnected(() => {
|
||||
connected = true;
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="art-wrapper" class:pulse class:connected>
|
||||
<div class="art-rotate">
|
||||
<div class="art">
|
||||
<div class="gradient-1" />
|
||||
<div class="gradient-2" />
|
||||
<div class="gradient-3" />
|
||||
<div class="gradient-4" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
@import "Art.scss";
|
||||
</style>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<script>
|
||||
import svgGithub from "../../../assets/icon/github.svg";
|
||||
import svgDiscord from "../../../assets/icon/discord.svg";
|
||||
import svgTwitter from "../../../assets/icon/twitter.svg";
|
||||
import svgFacebook from "../../../assets/icon/facebook.svg";
|
||||
import { waitForConnected } from "../../../../shared/util.ts";
|
||||
|
||||
let connected = false;
|
||||
|
||||
waitForConnected(() => {
|
||||
connected = true;
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="socials" class:connected>
|
||||
<a href="#" title="GitHub" class="github-logo">
|
||||
{@html svgGithub}
|
||||
</a>
|
||||
<a href="#" title="Discord" class="discord-logo">
|
||||
{@html svgDiscord}
|
||||
</a>
|
||||
<a href="#" title="Twitter" class="twitter-logo">
|
||||
{@html svgTwitter}
|
||||
</a>
|
||||
<a href="#" title="Facebook" class="facebook-logo">
|
||||
{@html svgFacebook}
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
<script>
|
||||
import lumeLogo from "../../../assets/lume-logo.png";
|
||||
import { waitForConnected } from "../../../../shared/util.ts";
|
||||
|
||||
let userCount;
|
||||
|
||||
let connected = false;
|
||||
|
||||
waitForConnected(() => {
|
||||
connected = true;
|
||||
});
|
||||
</script>
|
||||
|
||||
<header>
|
||||
<img src={lumeLogo} alt="Lume" />
|
||||
<div class="status">
|
||||
<div class="network" class:connected>
|
||||
<div class="connected" class:connected class:connecting={!connected}>
|
||||
<span
|
||||
class="icon"
|
||||
class:icon-success={connected}
|
||||
class:icon-wait={!connected}
|
||||
class:icon-wait-yellow={!connected} />
|
||||
Lume Network
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-count" class:user-count-hidden={!userCount}>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor">
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
|
||||
</svg>
|
||||
{userCount}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<style lang="scss">
|
||||
@import "Header.scss";
|
||||
</style>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<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>
|
||||
Reference in New Issue