diff --git a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
index 9dc78f0970..87c9fe6bae 100644
--- a/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
+++ b/workspaces/website/src/components/ProvisionsPopup/ProvisionsPopup.tsx
@@ -7,15 +7,13 @@ import { Button } from "@ui/Button";
import { useLocalStorage } from "usehooks-ts";
const ProvisionsPopup = () => {
- return null;
+ const isSsr = typeof window === "undefined";
- const [isProvisionsPopupOpen, setIsProvisionsPopupOpen] = useLocalStorage(
+ const [isOpenStorage, setIsOpenStorage] = useLocalStorage(
"isProvisionsPopupOpen",
- true
+ !isSsr
);
- const toggleModal = () => setIsProvisionsPopupOpen((prevState) => !prevState);
-
const gtmEvent = (event: string) => window?.dataLayer.push({ event });
const gtmEventClickReadMore = () => gtmEvent("Provisions popup click");
const gtmEventClickClose = () => gtmEvent("Provisions popup close");
@@ -23,13 +21,20 @@ const ProvisionsPopup = () => {
const onClose = (event: React.MouseEvent) => {
event.stopPropagation();
gtmEventClickClose();
- toggleModal();
- setIsProvisionsPopupOpen(false);
+ setIsOpenStorage(false);
+ };
+
+ const onReadMore = (event: React.MouseEvent) => {
+ event.stopPropagation();
+ gtmEventClickReadMore();
+ setIsOpenStorage(false);
};
+ if (!isOpenStorage) return;
+
return (
@@ -39,90 +44,87 @@ const ProvisionsPopup = () => {
bottom="0"
right="0"
left="0"
- display={isProvisionsPopupOpen ? "unset" : "none"}
+ display={isOpenStorage ? "unset" : "none"}
backgroundColor="rgba(0,0,0,0.7)"
onClick={onClose}
+ />
+
-
+
+
+
+
+
+
+
+
diff --git a/workspaces/website/src/components/ProvisionsPopup/popup-text.svg b/workspaces/website/src/components/ProvisionsPopup/popup-text.svg
index 7451995c29..8611f47a9c 100644
--- a/workspaces/website/src/components/ProvisionsPopup/popup-text.svg
+++ b/workspaces/website/src/components/ProvisionsPopup/popup-text.svg
@@ -1,47 +1,50 @@
-