From e5eca230fe4ae20c8438916c43f6f55f2c7f5ba7 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 19 Mar 2024 16:33:43 +0100
Subject: [PATCH] handling object class depending on answeerr type

---
 src/components/game/GameObjects.jsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/game/GameObjects.jsx b/src/components/game/GameObjects.jsx
index 98f9ed2..c7bee35 100644
--- a/src/components/game/GameObjects.jsx
+++ b/src/components/game/GameObjects.jsx
@@ -11,10 +11,18 @@ export default function GameObjects({ blocks }) {
 		<>
 			{blocks.map((block, id) => {
 				const hasAnswered = answers && answers[id]?.userAnswer;
+
 				return (
 					<img
 						className={`lhoist-blocks-focus-object ${
 							hasAnswered ? "lhoist-blocks-focus-object--inactive" : ""
+						} ${
+							hasAnswered && answers[id]?.userAnsweredCorrectly === true
+								? "lhoist-blocks-focus-object--answered-correctly"
+								: hasAnswered &&
+								  answers[id]?.userAnsweredCorrectly === false
+								? "lhoist-blocks-focus-object--answered-incorrectly"
+								: "lhoist-blocks-focus-object--unanswered"
 						}`}
 						style={{
 							height: `${block.attrs.objectScale}%`,