---
import Layout from '../layouts/Main.astro';
import CardGrid from "../components/CardGrid.astro";
import Card from "../components/Card.astro";
import CardModal from "../components/CardModal.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>
    <CardModal></CardModal>
</div>
</div>
</Layout>