From b0f1bb0b50eed492ec3babeb9fcd2069442503d2 Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Wed, 17 Aug 2022 20:57:55 +0200
Subject: [PATCH] :bug: Fixed crash if switched from Range to Multiple-Choice

---
 frontend/src/lib/editor/ABCDEditorPart.svelte | 3 +++
 frontend/src/lib/editor/sidebar.svelte        | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/editor/ABCDEditorPart.svelte b/frontend/src/lib/editor/ABCDEditorPart.svelte
index a334598..8ab7414 100644
--- a/frontend/src/lib/editor/ABCDEditorPart.svelte
+++ b/frontend/src/lib/editor/ABCDEditorPart.svelte
@@ -19,6 +19,9 @@
 
 	export let selected_question: number;
 	export let data: EditorData;
+	if (!Array.isArray(data.questions[selected_question].answers)) {
+		data.questions[selected_question].answers = [];
+	}
 </script>
 
 <div class="grid grid-cols-2 gap-4 w-full px-10">
diff --git a/frontend/src/lib/editor/sidebar.svelte b/frontend/src/lib/editor/sidebar.svelte
index e7c6079..da75243 100644
--- a/frontend/src/lib/editor/sidebar.svelte
+++ b/frontend/src/lib/editor/sidebar.svelte
@@ -181,7 +181,7 @@
 				<div class="grid grid-cols-2 gap-2">
 					{#each question.answers as answer}
 						<span
-							class="whitespace-nowrap truncate rounded-lg p-0.5 text-sm text-center"
+							class="whitespace-nowrap truncate rounded-lg p-0.5 text-sm text-center border border-gray-700"
 							class:bg-green-500={answer.right}
 							class:bg-red-500={!answer.right}
 							class:bg-yellow-500={!reach(ABCDQuestionSchema, 'answer').isValidSync(
@@ -210,7 +210,7 @@
 		</div>
 	{/each}
 	<div
-		class="bg-white shadow rounded-lg h-40 p-2 mb-6 hover:cursor-pointer drop-shadow-2xl border border-gray-500"
+		class="bg-white shadow rounded-lg h-40 p-2 mb-6 hover:cursor-pointer drop-shadow-2xl border border-gray-500 dark:bg-gray-600"
 	>
 		<button
 			type="button"