Extract NameLink

1 files changed, 42 insertions, 0 deletions

diff --git a/src/components/NameLink.astro b/src/components/NameLink.astro
new file mode 100644
index 0000000..8ceb7e1
--- /dev/null
+++ b/src/components/NameLink.astro
@@ -0,0 +1,42 @@
+---
+interface Props {
+  name: {
+    data: {
+      name: string;
+      domain: string;
+      url?: string;
+      candidate?: boolean;
+    };
+  };
+  size?: 'large' | 'small';
+}
+
+const { name, size = 'large' } = Astro.props;
+const nameParts = name.data.name.toLowerCase().split(" ");
+const domain = name.data.domain.replace(".", "");
+const url = name.data.url || `https://${name.data.domain}`;
+
+const sizeClasses = {
+  large: 'text-2xl',
+  small: 'text-xl'
+};
+---
+
+<span class={sizeClasses[size]}>
+  {nameParts.map((part, index) => (
+    <>
+      {index > 0 && " "}
+      {part === domain ? (
+        <a 
+          href={url} 
+          class="text-blue-600 hover:text-blue-800 hover:underline"
+          rel={name.data.candidate ? "nofollow" : undefined}
+        >
+          {name.data.domain}
+        </a>
+      ) : (
+        <span>{part}</span>
+      )}
+    </>
+  ))}
+</span> 
\ No newline at end of file