From 6fe4b69e395ced81ef87b39a265725bf6a55d6c3 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Thu, 14 Dec 2023 12:14:02 +0100
Subject: [PATCH] chore: replace UpLink with preact component

---
 src/components/PageFooter.astro |  2 +-
 src/components/UpLink.astro     | 20 --------------------
 src/components/UpLink.tsx       | 21 +++++++++++++++++++++
 src/components/index.ts         |  1 +
 4 files changed, 23 insertions(+), 21 deletions(-)
 delete mode 100644 src/components/UpLink.astro
 create mode 100644 src/components/UpLink.tsx

diff --git a/src/components/PageFooter.astro b/src/components/PageFooter.astro
index 063914c..56c8d6e 100644
--- a/src/components/PageFooter.astro
+++ b/src/components/PageFooter.astro
@@ -3,7 +3,7 @@ import Legal from './Legal.astro';
 import RSSLink from './RSSLink.astro';
 import SocialLinks from './SocialLinks.astro';
 import Subnavigation from './Subnavigation.astro';
-import UpLink from './UpLink.astro';
+import { UpLink } from '.';
 ---
 
 <footer
diff --git a/src/components/UpLink.astro b/src/components/UpLink.astro
deleted file mode 100644
index 33586ef..0000000
--- a/src/components/UpLink.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-import { Sprite } from 'astro-icon';
-
-import { Link } from '.';
----
-
-<div class="flex flex-1 justify-end">
-	<Link
-		id="up-link"
-		class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1"
-		href="#top"
-	>
-		<button
-			aria-label="Back to top"
-			class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center"
-		>
-			<Sprite name="ri:arrow-up-line" class="h-icon-small w-icon-small" />
-		</button>
-	</Link>
-</div>
diff --git a/src/components/UpLink.tsx b/src/components/UpLink.tsx
new file mode 100644
index 0000000..62413f3
--- /dev/null
+++ b/src/components/UpLink.tsx
@@ -0,0 +1,21 @@
+import type { FunctionalComponent } from 'preact';
+
+import { Link } from '.';
+import { ArrowUp } from './icons';
+
+export const UpLink: FunctionalComponent = ({ ...props }) => (
+	<div class="flex flex-1 justify-end" {...props}>
+		<Link
+			id="up-link"
+			class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1"
+			href="#top"
+		>
+			<button
+				aria-label="Back to top"
+				class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center"
+			>
+				<ArrowUp class="icon h-icon w-icon" />
+			</button>
+		</Link>
+	</div>
+);
diff --git a/src/components/index.ts b/src/components/index.ts
index 325e9d6..1b4db1b 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -30,4 +30,5 @@ export * from './Text';
 export * from './TextLink';
 export * from './Title';
 export * from './UnorderedList';
+export * from './UpLink';
 export * from './Verse';