Request page design

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