diff options
Diffstat (limited to 'assets/src/components/share')
| -rw-r--r-- | assets/src/components/share/Info.svelte | 52 | ||||
| -rw-r--r-- | assets/src/components/share/Requests.svelte | 20 |
2 files changed, 18 insertions, 54 deletions
diff --git a/assets/src/components/share/Info.svelte b/assets/src/components/share/Info.svelte index 2d648ce..79ef404 100644 --- a/assets/src/components/share/Info.svelte +++ b/assets/src/components/share/Info.svelte @@ -10,49 +10,31 @@ let connection = getStateStore(); </script> -<div class="info"> - {#if !$data.locked} - <h1>What do you want to share?</h1> - <Selector /> +{#if !$data.locked} + <h1>What do you want to share?</h1> + <Selector /> +{:else} + <h1> + You are <br /> + sharing <b>a text.</b> + </h1> + {#if $connection === ConnectionState.CONNECTED} + <p> + Your share is available under: <br /> + rook.rnrd.eu/<span>{getOwnToken()}</span> + </p> + <!-- TODO: Display actual data. --> + <div class="data">••••••••••••••••••••••••••••••</div> {:else} - <h1> - You are <br /> - sharing <b>a text.</b> - </h1> - {#if $connection === ConnectionState.CONNECTED} - <p> - Your share is available under: <br /> - rook.rnrd.eu/<span>{getOwnToken()}</span> - </p> - <!-- TODO: Display actual data. --> - <div class="data">••••••••••••••••••••••••••••••</div> - {:else} - <p>Connecting to signaling server...</p> - {/if} + <p>Connecting to signaling server...</p> {/if} -</div> +{/if} <style> - h1 { - font-size: 35px; - color: white; - font-weight: 400; - } - - p { - color: #626262; - font-size: 16px; - margin-bottom: 30px; - } - span { color: white; } - .info { - width: 315px; - } - .data { font-size: 14px; width: 100%; diff --git a/assets/src/components/share/Requests.svelte b/assets/src/components/share/Requests.svelte index f9ef237..54eab57 100644 --- a/assets/src/components/share/Requests.svelte +++ b/assets/src/components/share/Requests.svelte @@ -3,24 +3,6 @@ import Request from "./Request.svelte"; </script> -<!-- <script lang="ts"> - import { getOwnToken, start } from "../../network/channel/connection"; - import { startShare } from "../../network/channel/share"; - - import requests from "../../stores/requests"; - import Request from "./Request.svelte"; - - const startPromise = start().then(startShare); - - // TODO: Switch to store-based state updates. -</script> - -{#await startPromise} - <h3>Fetching token...</h3> -{:then} - <h3>Your token is <b>{getOwnToken()}</b>.</h3> --> - {#each $requests as request} <Request token={request} /> -{/each} -<!-- {/await} --> +{/each} \ No newline at end of file |
