<!-- The /assignments index page gives an overview of assignments -->

<script lang="ts">
	import type { PageProps } from "./$types";

	const { data }: PageProps = $props();
</script>

<h1>Kommende opgaver for {data.user.firstName}</h1>

<ol>
	{#each data.assignments as assignment}
		<li>
			<span>{assignment.date}</span>
			<a href={`/assignments/${assignment.id}`}>Mere info</a>
		</li>
	{/each}
</ol>

<style>
</style>
