Add role badges to user page

Author: ArcaEge

src/routes/dashboard/users/[id]/+page.server.ts

@@ -47,6 +47,12 @@ export async function load({ locals, params }) {
 			slackId: requestedUser.slackId,
 			profilePicture: requestedUser.profilePicture,
 			name: requestedUser.name,
+			
+			isPrinter: requestedUser.isPrinter,
+			hasT1Review: requestedUser.hasT1Review,
+			hasT2Review: requestedUser.hasT2Review,
+			hasAdmin: requestedUser.hasAdmin,
+
 			createdAt: requestedUser.createdAt,
 			lastLoginAt: requestedUser.id === locals.user?.id ? requestedUser.lastLoginAt : null
 		},

src/routes/dashboard/users/[id]/+page.svelte

@@ -18,6 +18,22 @@
 				class="aspect-square h-30 rounded-lg border-3 border-primary-800"
 			/>
 			<h1 class="truncate text-2xl font-bold">{data.requestedUser.name}</h1>
+
+			<p class="text-center">
+				{#if data.requestedUser.isPrinter}
+					<span class="rounded-sm bg-primary-900 px-1 text-nowrap">printer</span>
+				{/if}
+				{#if data.requestedUser.hasT1Review}
+					<span class="rounded-sm bg-primary-800 px-1 text-nowrap">T1 review</span>
+				{/if}
+				{#if data.requestedUser.hasT2Review}
+					<span class="rounded-sm bg-primary-700 px-1 text-nowrap">T2 review</span>
+				{/if}
+				{#if data.requestedUser.hasAdmin}
+					<span class="rounded-sm bg-primary-600 px-1 text-nowrap">admin</span>
+				{/if}
+			</p>
+
 			<Calendar />
 			<div class="items-center text-center">
 				<p>