From f28ef60faf30260663784ef99697ca08fedf7e2f Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Tue, 4 Jan 2022 00:07:30 +0100
Subject: [PATCH] Change the ExternalAnchor to accept a direct class prop
 instead of extras.

---
 source/ts/components/external-anchor.ts | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/source/ts/components/external-anchor.ts b/source/ts/components/external-anchor.ts
index 23579db..3759bfc 100644
--- a/source/ts/components/external-anchor.ts
+++ b/source/ts/components/external-anchor.ts
@@ -1,18 +1,21 @@
 import {html, Component} from 'htm/preact';
 
 type Props = {
-  extra?: Record<string, string>;
+  class?: string;
   text: string;
   url: string;
 };
 
 export default class ExternalAnchor extends Component<Props> {
   render() {
-    const {extra, text, url} = this.props;
-
     return html`
-      <a href="${url}" target="_blank" rel="noopener noreferrer" ...${extra}>
-        ${text}
+      <a
+        class="${this.props.class}"
+        href="${this.props.url}"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        ${this.props.text}
       </a>
     `;
   }