---
import { Deploy } from '../../client/Deploy'
import { loadConfig } from '../../config'
import Layout from '../../layouts/Layout.astro'

const { deploys } = await loadConfig()
---

<Layout title="Deploys | phCD">
    <h1>Deploys</h1>
    <a class="button" href="/deploys/new">
        <span class="material-symbols-outlined">add</span> New Deploy
    </a>
    <div class="deploys">
        {deploys.toReversed().map(deploy => <Deploy deploy={deploy} />)}
    </div>
</Layout>