archive.tsx

import Link from 'next/link'
import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Image } from '@/components/image'
import blogData from '@/../_data/_blog.json'
import { getAllCategories } from '@/utils/taxonomies'
import type { BlogPost } from '@/utils/filter-posts'

const posts = blogData as BlogPost[]

// Category display order on /essays. Slugs listed here appear first, in
// this order; any categories not listed fall through in their default order.
const CATEGORY_ORDER: string[] = []

export default function Archive() {
  const categories = getAllCategories()

  const orderedCategories = [...categories].sort((a, b) => {
    const ai = CATEGORY_ORDER.indexOf(a.slug)