From 930607761a6df35fa1acf78ed23acbeff9f9fb06 Mon Sep 17 00:00:00 2001
From: I-Have-An-Issue <34550332+I-Have-An-Issue@users.noreply.github.com>
Date: Tue, 11 Oct 2022 17:57:51 -0400
Subject: [PATCH] Status pills

---
 src/routes/(app)/games/[id]/+page.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/routes/(app)/games/[id]/+page.svelte b/src/routes/(app)/games/[id]/+page.svelte
index 7bc8722..4bb1abf 100644
--- a/src/routes/(app)/games/[id]/+page.svelte
+++ b/src/routes/(app)/games/[id]/+page.svelte
@@ -20,6 +20,12 @@
 				<p class="text-3xl font-bold truncate">{game?.name}</p>
 				<p class="text-zinc-500">By <a class="font-bold text-blue-500" href="/users/{game?.creator?._id}">{game?.creator?.username}</a></p>
 			</div>
+			<div class="flex text-sm">
+				<p class="px-2 bg-zinc-500 rounded-xl text-white mr-1">Offline</p>
+				<p class="px-2 bg-green-500 rounded-xl text-white mr-1">Online</p>
+				<p class="px-2 bg-blue-500 rounded-xl text-white mr-1">2015</p>
+				<p class="px-2 bg-blue-500 rounded-xl text-white mr-1">2013</p>
+			</div>
 			<span class="flex-grow" />
 			<div class="flex">
 				<a class="flex-auto text-lg text-blue-500 px-4 py-0.5 rounded shadow-lg border-2 border-blue-500 hover:bg-opacity-50 hover:bg-blue-500 mr-0.5 mb-1 text-center" href="/games/{game?.id}/edit">