diff options
| author | Melonai <einebeere@gmail.com> | 2021-03-24 09:51:36 +0100 |
|---|---|---|
| committer | Melonai <einebeere@gmail.com> | 2021-03-24 09:51:36 +0100 |
| commit | 42860fa15985401825d8d51e73ec497fe5876710 (patch) | |
| tree | daa43dd5f4ac77e46dbdd78b1a07811fa5db755c /client/src/lib/components/Response.svelte | |
| parent | 5dde1f55d818a74e838afa37b0e20217b1549a83 (diff) | |
| download | shorest-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.svelte | 33 |
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 |
