aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/AuthorCard.astro
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/AuthorCard.astro')
-rw-r--r--src/components/AuthorCard.astro62
1 files changed, 0 insertions, 62 deletions
diff --git a/src/components/AuthorCard.astro b/src/components/AuthorCard.astro
deleted file mode 100644
index 9f178fa..0000000
--- a/src/components/AuthorCard.astro
+++ /dev/null
@@ -1,62 +0,0 @@
----
-import Link from '@/components/Link.astro'
-import AvatarComponent from '@/components/ui/avatar'
-import { cn } from '@/lib/utils'
-import type { SocialLink } from '@/types'
-import type { CollectionEntry } from 'astro:content'
-import SocialIcons from './SocialIcons.astro'
-
-interface Props {
- author: CollectionEntry<'authors'>
-}
-
-const { author } = Astro.props
-const { name, avatar, bio, pronouns } = author.data
-const currentPath = Astro.url.pathname
-const isAuthorPage = currentPath === `/authors/${author.id}`
-
-const socialLinks: SocialLink[] = [
- author.data.website && { href: author.data.website, label: 'Website' },
- author.data.github && { href: author.data.github, label: 'GitHub' },
- author.data.twitter && { href: author.data.twitter, label: 'Twitter' },
- author.data.linkedin && { href: author.data.linkedin, label: 'LinkedIn' },
- author.data.mail && { href: `mailto:${author.data.mail}`, label: 'Email' },
-].filter(Boolean) as SocialLink[]
----
-
-<div
- class="has-[a:hover]:bg-muted/50 overflow-hidden rounded-xl border p-4 transition-colors duration-300 ease-in-out"
->
- <div class="flex flex-wrap gap-4">
- <Link
- href={`/authors/${author.id}`}
- class={cn('block', isAuthorPage && 'pointer-events-none')}
- >
- <AvatarComponent
- client:load
- src={avatar}
- alt={`Avatar of ${name}`}
- fallback={name[0]}
- className={cn(
- 'size-32 rounded-md [&>[data-slot="avatar-fallback"]]:rounded-md',
- !isAuthorPage &&
- 'hover:ring-primary transition-shadow duration-300 hover:cursor-pointer hover:ring-2',
- )}
- />
- </Link>
- <div class="flex grow flex-col justify-between gap-y-4">
- <div>
- <div class="flex flex-wrap items-center gap-x-2">
- <h3 class="text-lg font-medium">{name}</h3>
- {
- pronouns && (
- <span class="text-muted-foreground text-sm">({pronouns})</span>
- )
- }
- </div>
- <p class="text-muted-foreground text-sm">{bio}</p>
- </div>
- <SocialIcons links={socialLinks} />
- </div>
- </div>
-</div>