Files
electric-cherry/src/lib/ui/components/BackLink.svelte
T

14 lines
590 B
Svelte

<script lang="ts">
import { page } from '$app/stores';
import { returnLabel, safeReturnHref } from '$lib/navigation-context.js';
let { fallback }: { fallback: string } = $props();
const href = $derived(safeReturnHref($page.url.searchParams.get('returnTo'), fallback));
</script>
<a class="back-link" {href}>← {returnLabel(href)}</a>
<style>
.back-link { display: inline-block; align-self: start; width: fit-content; font-size: var(--text-sm); color: var(--accent-primary-hover); text-decoration: none; }
.back-link:hover { text-decoration: underline; }
</style>