chore: add data attribute

This commit is contained in:
Stefan Imhoff
2024-05-05 11:03:03 +02:00
parent a12991fac8
commit 534ad42aea
7 changed files with 58 additions and 48 deletions

View File

@@ -19,7 +19,13 @@ export const Backlink: FunctionalComponent<Props> = ({ backLink, class: classNam
return (
<>
{backLink && (
<Link aria-label="Back to overview" class={classes} href={backLink} {...props}>
<Link
aria-label="Back to overview"
class={classes}
data-umami-event="Back to overview"
href={backLink}
{...props}
>
<button
class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center border-none text-[0]"
type="button"

View File

@@ -16,6 +16,7 @@ import SearchLink from './SearchLink.astro';
<li class="mie-[10px] xs:mie-[15px]">
<Link
class="text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 focus:underline focus:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 dark:focus:decoration-shibui-100/20"
data-umami-event={title}
href={url}
>
{title}

View File

@@ -16,6 +16,7 @@ const { nextText, nextUrl, previousText, previousUrl } = Astro.props;
<a
aria-label={previousText || 'Previous'}
class="group fixed rounded-[50%] block-start-[calc(50%_-_20px)] inline-start-[1rem] print:hidden"
data-umami-event={previousText || 'Previous'}
href={previousUrl}
rel="prefetch prev"
title={previousText || 'Previous'}
@@ -31,6 +32,7 @@ const { nextText, nextUrl, previousText, previousUrl } = Astro.props;
<a
aria-label={nextText || 'Next'}
class="group fixed rounded-[50%] block-start-[calc(50%_-_20px)] inline-end-[1rem] print:hidden"
data-umami-event={nextText || 'Next'}
href={nextUrl}
rel="prefetch next"
title={nextText || 'Next'}

View File

@@ -8,6 +8,7 @@ export const UpLink: FunctionalComponent = ({ ...props }) => (
<Link
aria-label="Back to top"
class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1"
data-umami-event="Back to top"
href="#top"
id="up-link"
>