From 35c3c8b4f091566b9cf74ff7782b36525f58faf1 Mon Sep 17 00:00:00 2001
From: Yugveer Singh <yugveersingh06@gmail.com>
Date: Mon, 30 Dec 2024 18:32:54 +0530
Subject: [PATCH] feat: close modal when clicking outside

---
 src/components/SnippetModal.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/SnippetModal.tsx b/src/components/SnippetModal.tsx
index 02515be1..791957ef 100644
--- a/src/components/SnippetModal.tsx
+++ b/src/components/SnippetModal.tsx
@@ -23,7 +23,14 @@ const SnippetModal: React.FC<Props> = ({
   useEscapeKey(handleCloseModal);
 
   return ReactDOM.createPortal(
-    <div className="modal-overlay">
+    <div
+      className="modal-overlay"
+      onClick={(e) => {
+        if (e.target === e.currentTarget) {
+          handleCloseModal();
+        }
+      }}
+    >
       <div className="modal | flow" data-flow-space="lg">
         <div className="modal__header">
           <h2 className="section-title">{snippet.title}</h2>