From 7de7bec83cb003497e0dbbffd6bc2ce595da4ce2 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Sun, 18 Feb 2024 12:14:48 +0200
Subject: [PATCH 1/5] fixing requested changes

---
 .../ProvisionsPopup/ProvisionsPopup.tsx       | 154 ++++++++++--------
 1 file changed, 83 insertions(+), 71 deletions(-)

diff --git a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
index f5985c6745..d253b1108a 100644
--- a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
+++ b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
@@ -15,6 +15,11 @@ const ProvisionsPopup = () => {
   const gtmEventClickReadMore = () => gtmEvent("Provisions popup click");
   const gtmEventClickClose = () => gtmEvent("Provisions popup close");
 
+  const onClose = () => {
+    gtmEventClickClose();
+    toggleModal();
+  };
+
   return (
     <Fade
       in={isOpen}
@@ -22,88 +27,95 @@ const ProvisionsPopup = () => {
       transition={{ enter: { duration: 0.5 } }}
     >
       <Box
-        pos="fixed"
-        top="85px"
-        left="5px"
-        w={["calc(100% - 5px * 2)", "calc(100% - 5px * 2)", 336, 336]}
-        h={["calc(100% - 100px)", "calc(100% - 100px)", 358, 358]}
-        borderRadius="8px"
-        bgGradient="linear(to-l, #0C0C4F, #3F8CFF)"
-        cursor="pointer"
-        display={!isOpen ? "none" : "block"}
+        position="fixed"
+        top="0"
+        bottom="0"
+        right="0"
+        left="0"
+        backgroundColor="rgba(0,0,0,0.3)"
+        backdropFilter="blur(2px)"
+        onClick={onClose}
       >
         <Box
-          mt="2px"
-          ml="2px"
-          bgColor="white"
-          w={["calc(100% - 2px * 2)", "calc(100% - 2px * 2)", 332, 332]}
-          h={["calc(100% - 2px * 2 )", "calc(100% - 2px * 2 )", 354, 354]}
+          pos="fixed"
+          left="50%"
+          top="50%"
+          transform="translate(-50% ,-50%)"
+          w={[336]}
+          h={[358]}
           borderRadius="8px"
+          bgGradient="linear(to-l, #0C0C4F, #3F8CFF)"
+          display={!isOpen ? "none" : "block"}
         >
-          <IconButton
-            aria-label="Close"
-            border="0"
-            position="absolute"
-            right="10px"
-            top="10px"
-            width="28px"
-            height="28px"
-            style={{ backgroundColor: "transparent" }}
-            onClick={() => {
-              gtmEventClickClose();
-              toggleModal();
-            }}
-          >
-            <CloseIcon />
-          </IconButton>
-          <Image
-            src={Background}
-            alt=""
-            width="100%"
-            height="100%"
-            borderRadius="6px"
-            objectFit="cover"
-          />
-          <Image
-            src={Logo}
-            alt="STRK Starknet Provisions"
-            position="absolute"
-            bottom={{ base: "50%", md: "171px" }}
-            left="50%"
-            transform={{
-              base: "translate(-50%, -50%)",
-              md: "translateX(-50%)",
-            }}
-            borderRadius="6px"
-          />
-          <Button
-            variant="solid"
+          <Box
+            mt="2px"
+            ml="2px"
             bgColor="white"
-            position="absolute"
-            bottom="40px"
-            left="50%"
-            transform="translateX(-50%)"
+            w={[332]}
+            h={[354]}
             borderRadius="8px"
-            mr="px"
-            width="288px"
-            height="48px"
-            color="black"
-            cursor="pointer"
-            href="https://www.starknet.io/en/content/starknet-provisions-program"
-            _hover={{ color: "#8FBCFF" }}
-            onClick={gtmEventClickReadMore}
           >
-            Read more
-            <Icon
-              mt="1px"
-              ml="4px"
+            <IconButton
+              aria-label="Close"
+              border="0"
+              position="absolute"
+              right="10px"
+              top="10px"
+              width="28px"
+              height="28px"
+              style={{ backgroundColor: "transparent" }}
+              onClick={onClose}
+            >
+              <CloseIcon />
+            </IconButton>
+            <Image
+              src={Background}
+              alt=""
+              width="100%"
+              height="100%"
+              borderRadius="6px"
+              objectFit="cover"
+            />
+            <Image
+              src={Logo}
+              alt="STRK Starknet Provisions"
+              position="absolute"
+              top="91px"
+              left="50%"
+              transform="translateX(-50%)"
+              borderRadius="6px"
+            />
+            <Button
+              variant="solid"
+              bgColor="white"
+              position="absolute"
+              bottom="40px"
+              left="50%"
+              transform="translateX(-50%)"
+              borderRadius="8px"
+              mr="px"
+              width="288px"
+              height="48px"
+              color="black"
+              cursor="pointer"
+              href="https://www.starknet.io/en/content/starknet-provisions-program"
               _hover={{
                 color: "#8FBCFF",
               }}
+              onClick={gtmEventClickReadMore}
             >
-              <ArrowRight />
-            </Icon>
-          </Button>
+              Read more
+              <Icon
+                mt="1px"
+                ml="4px"
+                _hover={{
+                  color: "#8FBCFF",
+                }}
+              >
+                <ArrowRight />
+              </Icon>
+            </Button>
+          </Box>
         </Box>
       </Box>
     </Fade>

From 9a719a08f09bb85235bbf1ae9e98fef92c02a49f Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Sun, 18 Feb 2024 12:22:54 +0200
Subject: [PATCH 2/5] edit close modal

---
 .../src/components/ProvisionsPopup/ProvisionsPopup.tsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
index d253b1108a..aca7924eab 100644
--- a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
+++ b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
@@ -64,7 +64,10 @@ const ProvisionsPopup = () => {
               width="28px"
               height="28px"
               style={{ backgroundColor: "transparent" }}
-              onClick={onClose}
+              onClick={(e) => {
+                e.stopPropagation();
+                onClose();
+              }}
             >
               <CloseIcon />
             </IconButton>

From 12edf1de4389ede4c9702162b8529a64c9602bf1 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Sun, 18 Feb 2024 14:55:06 +0200
Subject: [PATCH 3/5] editing transparent percent

---
 .../website/src/components/ProvisionsPopup/ProvisionsPopup.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
index aca7924eab..c210e0e5f9 100644
--- a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
+++ b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
@@ -32,8 +32,7 @@ const ProvisionsPopup = () => {
         bottom="0"
         right="0"
         left="0"
-        backgroundColor="rgba(0,0,0,0.3)"
-        backdropFilter="blur(2px)"
+        backgroundColor="rgba(0,0,0,0.7)"
         onClick={onClose}
       >
         <Box

From aed517e73bce6b7501b4a0a25d601d0a8e4816e0 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Sun, 18 Feb 2024 16:41:54 +0200
Subject: [PATCH 4/5] editing onClose finction

---
 .../src/components/ProvisionsPopup/ProvisionsPopup.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
index c210e0e5f9..6ddd55f076 100644
--- a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
+++ b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
@@ -15,7 +15,8 @@ const ProvisionsPopup = () => {
   const gtmEventClickReadMore = () => gtmEvent("Provisions popup click");
   const gtmEventClickClose = () => gtmEvent("Provisions popup close");
 
-  const onClose = () => {
+  const onClose = (event: React.MouseEvent) => {
+    event.stopPropagation();
     gtmEventClickClose();
     toggleModal();
   };
@@ -33,7 +34,7 @@ const ProvisionsPopup = () => {
         right="0"
         left="0"
         backgroundColor="rgba(0,0,0,0.7)"
-        onClick={onClose}
+        onClick={(e) => onClose(e)}
       >
         <Box
           pos="fixed"
@@ -63,10 +64,7 @@ const ProvisionsPopup = () => {
               width="28px"
               height="28px"
               style={{ backgroundColor: "transparent" }}
-              onClick={(e) => {
-                e.stopPropagation();
-                onClose();
-              }}
+              onClick={(e) => onClose(e)}
             >
               <CloseIcon />
             </IconButton>

From 54b88466c395baed87f8bcfb66dac6e1b0e1d866 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Sun, 18 Feb 2024 17:17:15 +0200
Subject: [PATCH 5/5] changing onClick function call

---
 .../src/components/ProvisionsPopup/ProvisionsPopup.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
index 6ddd55f076..4376417cbc 100644
--- a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
+++ b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
@@ -34,7 +34,7 @@ const ProvisionsPopup = () => {
         right="0"
         left="0"
         backgroundColor="rgba(0,0,0,0.7)"
-        onClick={(e) => onClose(e)}
+        onClick={onClose}
       >
         <Box
           pos="fixed"
@@ -64,7 +64,7 @@ const ProvisionsPopup = () => {
               width="28px"
               height="28px"
               style={{ backgroundColor: "transparent" }}
-              onClick={(e) => onClose(e)}
+              onClick={onClose}
             >
               <CloseIcon />
             </IconButton>