pokemon/src/pages/pokemon.astro

---
import Layout from '../layouts/Main.astro';
import CardGrid from "../components/CardGrid.astro";
import Card from "../components/Card.astro";
import StickyFilter from '../components/StickyFilter.astro';

export const prerender = false;

// super dirty form retrieval
// TODO: need to prevent XSS here
const searchParams = Astro.url.searchParams;
const query = searchParams.get('q') || '*';

---

<Layout>
<StickyFilter query={ query } />
<div class="container">
    <h1 class="my-5">Rigid's app thing</h1>
    <CardGrid>
        <Card slot="Card" query={query}></Card>
    </CardGrid>

    <div class="modal fade card-modal" id="cardModal" tabindex="-1" aria-labelledby="cardModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-fullscreen-md-down modal-xl">
            <div class="modal-content">
            </div>
        </div>
    </div>
</div>
</Layout>