From 898d3595a032c87615e1825d0023299b029fc19e Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 19 Apr 2023 12:11:05 +0200
Subject: [PATCH] feat(registration): cleanup finished page

---
 src/routes/registration/+page.svelte | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/routes/registration/+page.svelte b/src/routes/registration/+page.svelte
index aae66d5..51d96c0 100644
--- a/src/routes/registration/+page.svelte
+++ b/src/routes/registration/+page.svelte
@@ -55,14 +55,13 @@
 			class="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm dark:bg-gray-800 dark:border-gray-700"
 		>
 			<div class="p-4 sm:p-7">
-				<div class="text-center">
-					<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
-					<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p>
-				</div>
-
 				<div class="mt-5">
 					<!-- Form -->
 					{#if !showResult}
+						<div class="text-center">
+							<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
+							<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p>
+						</div>
 						<form on:submit|preventDefault={register}>
 							<div class="grid gap-y-4">
 								<!-- Form Group -->
@@ -185,18 +184,17 @@
 						</form>
 						<!-- End Form -->
 					{:else}
-						<div class="mb-2">
-							<h3 class="text-xl font-semibold text-center dark:text-white">Läuferdaten</h3>
-							<p class="text-lg dark:text-white">ID: {response.id}</p>
-							<p class="text-lg dark:text-white">Vorname: {response.firstname}</p>
-							<p class="text-lg dark:text-white">Nachname: {response.lastname}</p>
+						<div class="mb-2 text-center">
+							<h3 class="text-2xl font-semibold dark:text-white">
+								{response.firstname}
+								{response.lastname}
+							</h3>
 						</div>
 
 						<div class="mb-2 text-center">
-							<h3 class="text-xl font-semibold dark:text-white">Läufercode</h3>
 							<img
 								class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
-								alt="Runnerid"
+								alt="runner id"
 								src={textToBase64Barcode(response.id.toString(), false)}
 							/>
 						</div>