about summary refs log tree commit diff
path: root/assets/src/components/share/DataSelector.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'assets/src/components/share/DataSelector.svelte')
-rw-r--r--assets/src/components/share/DataSelector.svelte47
1 files changed, 0 insertions, 47 deletions
diff --git a/assets/src/components/share/DataSelector.svelte b/assets/src/components/share/DataSelector.svelte
deleted file mode 100644
index 22a83ba..0000000
--- a/assets/src/components/share/DataSelector.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts">
-    import { ChoosingData, getShareState } from "../../state/share";
-    import ShareIcon from "../icons/ShareIcon.svelte";
-
-    let value = "";
-
-    const submit = () => {
-        const share = getShareState().state as ChoosingData;
-        share.submitData(value);
-    };
-
-    // TODO: Accept data other than text.
-</script>
-
-<form on:submit|preventDefault={submit}>
-    <!-- TODO: Prettier input field -->
-    <input type="text" bind:value />
-    <button class="start-sharing-button" type="submit">
-        <ShareIcon color="black" />
-        Start Sharing
-    </button>
-</form>
-
-<style>
-    input {
-        border: none;
-        font-size: 14px;
-        color: black;
-        background-color: white;
-        padding: 10px 20px;
-        box-sizing: border-box;
-    }
-
-    .start-sharing-button {
-        border: none;
-        font-size: 14px;
-        background-color: white;
-        color: black;
-        padding: 10px 14px;
-
-        display: flex;
-        align-items: center;
-        gap: 10px;
-
-        margin-top: 20px;
-    }
-</style>