@@ -3,15 +3,10 @@ import Button from "../../reusecore/Button";
3
3
import { Col , Row , Container } from "../../reusecore/Layout" ;
4
4
import PlanCardWrapper from "./planCard.style" ;
5
5
import FeatureDetails from "./collapsible-details" ;
6
- import Modal from "react-modal" ;
7
- import CommonForm from "../CommonForm" ;
8
6
9
- const PlanCard = ( { planData , isYearly } ) => {
10
7
11
- const [ modalIsOpen , setModalIsOpen ] = useState ( false ) ;
8
+ const PlanCard = ( { planData , isYearly } ) => {
12
9
13
- const openModal = ( ) => setModalIsOpen ( true ) ;
14
- const closeModal = ( ) => setModalIsOpen ( false ) ;
15
10
16
11
if ( ! planData || ! Array . isArray ( planData ) || planData . length === 0 ) {
17
12
return < div > No plan data available</ div > ;
@@ -21,7 +16,7 @@ const PlanCard = ({ planData , isYearly }) => {
21
16
"Team Designer" : "https://cloud.layer5.io/account/plans/upgrade?plan=49b77ce8-eeea-4ec4-adf3-48979a14b140" ,
22
17
"Team Operator" : "https://cloud.layer5.io/account/plans/upgrade?plan=f7a5b2b5-b36b-421e-9211-f4dfb204e5b3" ,
23
18
"Enterprise" : "https://cloud.layer5.io/account/plans/upgrade?plan=ad68ce59-8c5a-42b0-955c-9b2b2f7c98e3"
24
- }
19
+ } ;
25
20
26
21
return (
27
22
< PlanCardWrapper >
@@ -115,58 +110,6 @@ const PlanCard = ({ planData , isYearly }) => {
115
110
) ) }
116
111
</ Row >
117
112
</ Container >
118
- < Modal
119
- isOpen = { modalIsOpen }
120
- onRequestClose = { closeModal }
121
- className = "Modal"
122
- overlayClassName = "Overlay"
123
- ariaHideApp = { false }
124
- contentLabel = "Enterprise Inquiry Form"
125
- style = { {
126
- content : {
127
- maxHeight : "90vh" ,
128
- overflow : "hidden" ,
129
- display : "flex" ,
130
- flexDirection : "column" ,
131
- "&::-webkit-scrollbar" : {
132
- display : "none"
133
- } ,
134
- scrollbarWidth : "none" ,
135
- msOverflowStyle : "none"
136
- } ,
137
- overlay : {
138
- overflow : "auto" ,
139
- "&::-webkit-scrollbar" : {
140
- display : "none"
141
- } ,
142
- scrollbarWidth : "none" ,
143
- msOverflowStyle : "none"
144
- }
145
- } }
146
- >
147
- < Button $secondary className = "close-modal-btn" onClick = { closeModal } >
148
- X
149
- </ Button >
150
- < h2 className = "modal-heading" > Contact sales</ h2 >
151
- < div style = { {
152
- flex : 1 ,
153
- overflow : "auto" ,
154
- scrollbarWidth : "none" ,
155
- msOverflowStyle : "none" ,
156
- "&::-webkit-scrollbar" : {
157
- display : "none"
158
- }
159
- } } >
160
- < CommonForm
161
- title = "Contact sales"
162
- form = "contact"
163
- account_desc = ""
164
- submit_title = "Thanks for contacting us!"
165
- submit_body = "We'll get back to you as soon as we can."
166
- submit_button_title = "Contact sales"
167
- />
168
- </ div >
169
- </ Modal >
170
113
</ PlanCardWrapper >
171
114
) ;
172
115
} ;
0 commit comments