From 72dca8496d65648fa1540929ff7af9ca805c5853 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 15 Apr 2024 09:46:50 +0300
Subject: [PATCH] feat(panel-wrapper): wrap with react modal

---
 .../RightManagePanels/PanelWrapper.tsx        | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx b/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
index 50664d96..6782fc4d 100644
--- a/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
+++ b/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
@@ -1,4 +1,6 @@
 import { Text } from '@status-im/components'
+import { useState } from 'react'
+import ReactModal from 'react-modal'
 import { YStack } from 'tamagui'
 
 type PanelWrapperProps = {
@@ -7,13 +9,18 @@ type PanelWrapperProps = {
 }
 
 const PanelWrapper = ({ children, title }: PanelWrapperProps) => {
+  const [isModalOpen, setIsModalOpen] = useState(true)
   return (
-    <YStack space={'$3'} style={{ padding: '30px', alignItems: 'start' }}>
-      <Text size={19} weight={'semibold'}>
-        {title}
-      </Text>
-      {children}
-    </YStack>
+    <ReactModal
+      isOpen={isModalOpen}
+    >
+      <YStack space={'$3'} style={{ padding: '30px', alignItems: 'start' }}>
+        <Text size={19} weight={'semibold'}>
+          {title}
+        </Text>
+        {children}
+      </YStack>
+    </ReactModal>
   )
 }