about summary refs log tree commit diff
path: root/client/src/lib/components/Response.svelte
diff options
context:
space:
mode:
authorMelonai <einebeere@gmail.com>2021-03-24 09:51:36 +0100
committerMelonai <einebeere@gmail.com>2021-03-24 09:51:36 +0100
commit42860fa15985401825d8d51e73ec497fe5876710 (patch)
treedaa43dd5f4ac77e46dbdd78b1a07811fa5db755c /client/src/lib/components/Response.svelte
parent5dde1f55d818a74e838afa37b0e20217b1549a83 (diff)
downloadshorest-42860fa15985401825d8d51e73ec497fe5876710.tar.zst
shorest-42860fa15985401825d8d51e73ec497fe5876710.zip
Update SvelteKit to public beta
Diffstat (limited to 'client/src/lib/components/Response.svelte')
-rw-r--r--client/src/lib/components/Response.svelte33
1 files changed, 33 insertions, 0 deletions
diff --git a/client/src/lib/components/Response.svelte b/client/src/lib/components/Response.svelte
new file mode 100644
index 0000000..0ed8cc9
--- /dev/null
+++ b/client/src/lib/components/Response.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+    import type { ShortenRequest } from "$lib/actions/shorten";
+
+    export let info: ShortenRequest;
+</script>
+
+<style>
+    div {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .url {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .output {
+        margin-left: 50px;
+    }
+</style>
+
+<div>
+    <span class="url">{info.url}</span>
+    {#await info.response}
+        <span class="output">Loading...</span>
+    {:then { hash }} 
+        <a class="output" href="https://sho.rest/{hash}">sho.rest/{hash}</a>
+    {:catch { error }}
+        <span class="output">{error}</span>
+    {/await}
+</div>
\ No newline at end of file