From a927530fe55ffd0d5e5d50db8d665d92a7b7358e Mon Sep 17 00:00:00 2001
From: cirroskais <cirroskais@madhouselabs.net>
Date: Fri, 2 Aug 2024 11:36:47 -0400
Subject: [PATCH] download button for sharex button result

---
 src/lib/components/Inputs/Link.svelte       | 4 +++-
 src/routes/(app)/documentation/+page.svelte | 5 +++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Inputs/Link.svelte b/src/lib/components/Inputs/Link.svelte
index ed9391f..8c535f9 100644
--- a/src/lib/components/Inputs/Link.svelte
+++ b/src/lib/components/Inputs/Link.svelte
@@ -1,15 +1,17 @@
 <script>
 	export let href,
+		download,
 		style = 'link';
 </script>
 
 {#if style === 'link'}
-	<a {href} class="text-blue-500">
+	<a {href} {download} class="text-blue-500">
 		<slot />
 	</a>
 {:else if style === 'button'}
 	<a
 		{href}
+		{download}
 		class="flex p-2 space-x-2 rounded-lg border-b-2 hadow-md bg-crust border-overlay2 hover:border-overlay0 group-disabled/button:border-overlay0 group-disabled/button:hover:border-overlay0"
 	>
 		<slot />
diff --git a/src/routes/(app)/documentation/+page.svelte b/src/routes/(app)/documentation/+page.svelte
index 67d98d2..fb7ce89 100644
--- a/src/routes/(app)/documentation/+page.svelte
+++ b/src/routes/(app)/documentation/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import Button from '$lib/components/Inputs/Button.svelte';
+	import Link from '$lib/components/Inputs/Link.svelte';
 	import { API_KEY_PERMISSIONS } from '$lib/config';
 	import { get } from 'svelte/store';
 
@@ -36,3 +37,7 @@
 <Button {click}>The sharex button in question</Button>
 
 <tt class="block mt-3 whitespace-pre-wrap">{awesome}</tt>
+
+{#if awesome}
+	<Link href="data:text/plain;base64,{btoa(awesome)}" download={'uploader.sxcu'}>Download</Link>
+{/if}