From f15d3d2c170f25076a8e9a1cd49c7d615e9a8b82 Mon Sep 17 00:00:00 2001
From: UnEpicier <alexisvasseur96@gmail.com>
Date: Mon, 12 Feb 2024 19:26:43 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20(help):=20Close=20popup=20when?=
 =?UTF-8?q?=20clicking=20in=20the=20background?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Help/Help.tsx    | 10 ++++++++--
 src/components/Help/styles.scss |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Help/Help.tsx b/src/components/Help/Help.tsx
index 2ac6973..e755d08 100644
--- a/src/components/Help/Help.tsx
+++ b/src/components/Help/Help.tsx
@@ -9,8 +9,14 @@ import './styles.scss';
 
 const Help = ({ onClose }: { onClose: () => void }) => {
 	return (
-		<div className='helpContainer'>
-			<div className='helpPopup'>
+		<div
+			className='helpContainer'
+			onClick={onClose}
+		>
+			<div
+				className='helpPopup'
+				onClick={(ev) => ev.stopPropagation()}
+			>
 				<div className='header'>
 					<p className='title'>Comment jouer ?</p>
 					<button
diff --git a/src/components/Help/styles.scss b/src/components/Help/styles.scss
index 06b109b..97d2fea 100644
--- a/src/components/Help/styles.scss
+++ b/src/components/Help/styles.scss
@@ -8,6 +8,7 @@
 	height: 100svh;
 	background-color: rgba(0, 0, 0, 0.4);
 	backdrop-filter: blur(7px);
+	cursor: pointer;
 
 	& > .helpPopup {
 		display: flex;
@@ -17,6 +18,7 @@
 		border-radius: 5px;
 		background-color: #ffeee5;
 		color: #f39440;
+		cursor: default;
 
 		& > .header {
 			display: grid;