---
import { type CollectionEntry, getCollection, getEntry } from 'astro:content'
import Layout from '@layouts/Layout.astro'
import MemberCard from '@components/MemberCard.astro'

export async function getStaticPaths() {
  const authors = await getCollection('authors')
  return authors.map((member) => ({
    params: { slug: member.slug },
    props: { member },
  }))
}

type Props = {
  member: CollectionEntry<'authors'>
}

const { member } = Astro.props

const allPosts = await getCollection('blog')
const memberPosts = allPosts
  .filter((post) => {
    if (typeof post.data.author === 'string') {
      return post.data.author === member.data.name && !post.data.draft
    } else if (post.data.author && 'slug' in post.data.author) {
      return post.data.author.slug === member.slug && !post.data.draft
    }
    return false
  })
  .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
---

<Layout
  title={`${member.data.name} - Team Member`}
  description={member.data.bio || `Profile of ${member.data.name}`}
>
  <section class="mx-auto flex max-w-screen-xl flex-col gap-4">
    <MemberCard member={member} />
  </section>
</Layout>