feat(wrapped): download hint seperate

1 files changed, 11 insertions, 6 deletions

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index 25a16915..239e4c7a 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -35,6 +35,7 @@
 	let lightMode = false;
 	let highestRatedCount = 5;
 	let mounted = false;
+	let generated = false;
 
 	$: {
 		if (browser && mounted) {
@@ -258,15 +259,11 @@
 				const wrappedFinal = document.getElementById('wrapped-final');
 
 				if (wrappedFinal !== null) {
-					const blockquote = document.createElement('blockquote');
-
 					wrappedFinal.innerHTML = '';
-					blockquote.innerText =
-						'Click on the image to download, or right click and select "Save Image As...".';
 
 					wrappedFinal.appendChild(downloadWrapper);
-					wrappedFinal.appendChild(document.createElement('br'));
-					wrappedFinal.appendChild(blockquote);
+
+					generated = true;
 				}
 
 				downloadWrapper.click();
@@ -459,6 +456,14 @@
 		<p />
 
 		<div id="wrapped-final" />
+
+		{#if generated}
+			<p />
+
+			<blockquote>
+				Click on the image to download, or right click and select "Save Image As...".
+			</blockquote>
+		{/if}
 	{:catch}
 		<Error />
 	{/await}