added clickable link to shorteners card

2 years ago · dbc513e26b
parent 9d4e7d3df7
commit dbc513e26b
1 changed files with 10 additions and 2 deletions
--- a/src/routes/(app)/links/+page.svelte
+++ b/src/routes/(app)/links/+page.svelte
@ -67,8 +67,16 @@
 		{#each data.shorteners as shortener}
 			<Card.Root>
 				<Card.Header>
-					<Card.Title>{shortener.link}</Card.Title>
-					<Card.Description>{shortener.code}</Card.Description>
+					<Card.Title class="flex items-center gap-2">
+						<a
+							href={'https://' + data.shortener_url + '/' + shortener.code}
+							target="_blank"
+							class="hover:underline">
+							{data.shortener_url + '/' + shortener.code}
+						</a>
+						<Link2 />
+					</Card.Title>
+					<Card.Description>{shortener.link}</Card.Description>
 				</Card.Header>
 			</Card.Root>
 		{/each}