From b445a1e2cd73cbfe4cc9f87004e3792c3e60dceb Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 21 Feb 2024 11:06:50 +0100
Subject: [PATCH] refining with cross

---
 src/components/game/GameModal.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/game/GameModal.jsx b/src/components/game/GameModal.jsx
index 046e0d4..fa6dbe2 100644
--- a/src/components/game/GameModal.jsx
+++ b/src/components/game/GameModal.jsx
@@ -1,17 +1,17 @@
 import React from "react";
 import { useGame } from "../../hooks/useGame";
 import Modal from "../../components/ui/Modal.jsx";
+import closeIcon from "../../assets/img/icons/icon-cross.svg";
 
 export default function GameModal() {
 	const { currentGameModal, setCurrentGameModal } = useGame();
 	if (!currentGameModal) return null;
 
 	return (
-		<Modal className='game-modal' onClose={() => setCurrentGameModal(null)}>
+		<Modal className='game-modal' open={currentGameModal} onClose={() => setCurrentGameModal(null)}>
 			<button className='game-modal__close-button' onClick={() => setCurrentGameModal(null)}>
-				Close
+				<img className='close-icon' src={closeIcon} alt='close' />
 			</button>
-
 			{currentGameModal}
 		</Modal>
 	);