From 2e979451e4deea4e734f4f3c0a1a67e9b719e823 Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Fri, 16 Sep 2022 22:36:05 +0200
Subject: [PATCH] :sparkles: Added practice-button to view-quiz page

---
 frontend/src/lib/i18n/locales/de.json           |  5 +++--
 frontend/src/lib/i18n/locales/en.json           |  3 ++-
 frontend/src/routes/view/[quiz_id]/+page.svelte | 10 +++++++++-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/i18n/locales/de.json b/frontend/src/lib/i18n/locales/de.json
index 15fc8a8..ffafbdd 100644
--- a/frontend/src/lib/i18n/locales/de.json
+++ b/frontend/src/lib/i18n/locales/de.json
@@ -105,7 +105,7 @@
         "edit": "Bearbeiten",
         "delete": "Löschen",
         "public": "Öffentlich",
-        "start": "Start",
+        "start": "Starten",
         "connect": "Verbinden",
         "pin": "PIN",
         "kick": "Kicken",
@@ -142,7 +142,8 @@
         "other": "andere",
         "other_plural": "anderen",
         "donating": "Spende",
-        "find": "Finden"
+        "find": "Finden",
+        "practice": "Üben"
     },
     "editor": {
         "time_in_seconds": "Zeit in Sekunden",
diff --git a/frontend/src/lib/i18n/locales/en.json b/frontend/src/lib/i18n/locales/en.json
index 41e987f..3ea07f3 100644
--- a/frontend/src/lib/i18n/locales/en.json
+++ b/frontend/src/lib/i18n/locales/en.json
@@ -142,7 +142,8 @@
         "other": "other",
         "other_plural": "others",
         "donating": "donating",
-        "find": "Find"
+        "find": "Find",
+        "practice": "Practice"
     },
     "editor": {
         "time_in_seconds": "Time in seconds",
diff --git a/frontend/src/routes/view/[quiz_id]/+page.svelte b/frontend/src/routes/view/[quiz_id]/+page.svelte
index d312e29..b4bf72b 100644
--- a/frontend/src/routes/view/[quiz_id]/+page.svelte
+++ b/frontend/src/routes/view/[quiz_id]/+page.svelte
@@ -70,7 +70,7 @@
 		<ImportedOrNot imported={quiz.imported_from_kahoot} />
 	</div>
 
-	<div class="flex justify-center m-8">
+	<div class="flex justify-center mt-8 mb-4">
 		{#if logged_in}
 			<button
 				class="px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
@@ -91,6 +91,14 @@
 			</div>
 		{/if}
 	</div>
+	<div class="flex justify-center m-2">
+		<a
+			class="px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+			href="/practice?quiz_id={quiz.id}"
+		>
+			{$t('words.practice')}
+		</a>
+	</div>
 	<div class="flex justify-center">
 		<a href="mailto:report@mawoka.eu?subject=Report quiz {quiz.id}" class="text-sm underline">
 			{$t('words.report')}