firq-dev-website/src/pages/ta-collection.astro

---
//TODO:
// - Add highlighted TAs above the rest
// > I think you should have all of them on the site.
// > You could have the notable ones like you do now, but at the bottom, there could be a drop-down or "expand" or "more" or
// > some other section like that which you could click and show the rest

import Layout from '@layouts/Layout.astro'

import TaSection from '@layouts/taSection.astro'
import TaCard from '@components/cards/taCard.astro'
import tadata from '@datafiles/tadata.json'
import featured_data from '@datafiles/featureddata.json'
import FgotaHero from '@components/fgotaHero.astro'
import Placeholder from '@components/placeholder.astro'
import SmallTitle from '@components/titles/smallTitle.astro'

const important_data = tadata.filter(function (el) {
  return [
    'Ibuki 3T (LB 5.5)',
    'DB 7T (No Duplicates)',
    'Kingprotea 1T',
    'Goetia Memorial Quest 2T',
    'Morgan 3T (LB 6) Skadi',
    'Albion 3T (LB 6) Skadi',
    'Cernunnos 4T (No Castoria)',
  ].includes(el.title)
})

tadata.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
important_data.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
featured_data.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))

const description = 'A collection of TAs previously completed be Firq.'
---

<Layout
  title="TA Collection - firq.dev"
  currentpage="fgo"
  descriptionOverride={description}
>
  <SmallTitle maintext='TA Collection' subtext='' baseurl='fgo' returnbutton={true} buttontext='FGO'/>
  <FgotaHero fadeout={true}/>
  <TaSection title="Notable TAs" abovetext="My most notable TAs">
    {important_data.map((item) => <TaCard {...item} />)}
  </TaSection>
  <TaSection title="Completed TAs">
    {tadata.map((item) => <TaCard {...item} />)}
  </TaSection>
  <TaSection
    title="Featured TAs by other Racers"
    abovetext="TAs done by my fellow Racers, check them out as well!"
  >
    {featured_data.map((item) => <TaCard {...item} />)}
  </TaSection>
  <Placeholder height="5rem"/>
</Layout>

<style></style>