From 3e3b24cc3037b22c223699cf8e1f7ab047f8434c Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Mon, 20 May 2024 11:18:46 +0100
Subject: [PATCH] Solved a bug for level test

---
 src/components/Exercises/MultipleChoice.tsx | 11 ++++++++---
 src/components/Solutions/MultipleChoice.tsx | 11 ++++++++---
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/Exercises/MultipleChoice.tsx b/src/components/Exercises/MultipleChoice.tsx
index d29eab9d..3a21bc93 100644
--- a/src/components/Exercises/MultipleChoice.tsx
+++ b/src/components/Exercises/MultipleChoice.tsx
@@ -2,6 +2,7 @@
 import {MultipleChoiceExercise, MultipleChoiceQuestion} from "@/interfaces/exam";
 import useExamStore from "@/stores/examStore";
 import clsx from "clsx";
+import {isNaN} from "lodash";
 import {useEffect, useState} from "react";
 import {CommonProps} from ".";
 import Button from "../Low/Button";
@@ -16,9 +17,13 @@ function Question({
 }: MultipleChoiceQuestion & {userSolution: string | undefined; onSelectOption?: (option: string) => void; showSolution?: boolean}) {
 	return (
 		<div className="flex flex-col gap-10">
-			<span className="">
-				{id} - {prompt}
-			</span>
+			{isNaN(id) ? (
+				<span className="">{prompt}</span>
+			) : (
+				<span className="">
+					{id} - {prompt}
+				</span>
+			)}
 			<div className="flex flex-wrap gap-4 justify-between">
 				{variant === "image" &&
 					options.map((option) => (
diff --git a/src/components/Solutions/MultipleChoice.tsx b/src/components/Solutions/MultipleChoice.tsx
index 4d2b8e61..5b4a456c 100644
--- a/src/components/Solutions/MultipleChoice.tsx
+++ b/src/components/Solutions/MultipleChoice.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import {MultipleChoiceExercise, MultipleChoiceQuestion} from "@/interfaces/exam";
 import clsx from "clsx";
+import {isNaN} from "lodash";
 import {useEffect, useState} from "react";
 import {CommonProps} from ".";
 import Button from "../Low/Button";
@@ -27,9 +28,13 @@ function Question({
 
 	return (
 		<div className="flex flex-col items-center gap-4">
-			<span>
-				{id} - {prompt}
-			</span>
+			{isNaN(id) ? (
+				<span className="">{prompt}</span>
+			) : (
+				<span className="">
+					{id} - {prompt}
+				</span>
+			)}
 			<div className="grid grid-cols-4 gap-4 place-items-center">
 				{variant === "image" &&
 					options.map((option) => (