frontend/src/lib/components/activity.svelte

<script lang="ts">
	import type { MeWoachFeedActivity } from '@atcute/client/lexicons';
	export let activity: MeWoachFeedActivity.Record[] = [];
</script>

<div class="col-span-2 rounded-sm bg-gray-400 p-2">
	<h1>Activity:</h1>
	<ul>
		{#each activity as activityItem}
			<li class="mx-auto mb-2 rounded-sm bg-gray-500 p-4">
				<div>
					<p>{activityItem.performedAt}</p>
					<p>{activityItem.progress}</p>
					<p>{activityItem.session.uri}</p>
				</div>
			</li>
		{/each}
	</ul>
</div>