Trong Nhan / Booking Wizard

Download as
Browse Code ยป

Commit 68e1c69327a3473f88b9bc49db8458a7bd6c7335

Authored by Vu Bui
1 parent e5e3d9b319
Exists in master

update

Showing 1 changed file with 19 additions and 14 deletions Side-by-side Diff

... ... @@ -39,6 +39,9 @@ function BookingWizard(props) {
39 39 if(localStorage.getItem('caseObj')) {
40 40 dispatch({ type: 'BW_CASE', payload: JSON.parse(localStorage.getItem('caseObj')) })
41 41 }
  42 + if(localStorage.getItem('bwHasBooked')) {
  43 + dispatch({type:'BW_HAS_BOOKED', payload: true})
  44 + }
42 45  
43 46 }, [])
44 47 useEffect(() => {
... ... @@ -90,10 +93,10 @@ function BookingWizard(props) {
90 93 <span>Confirm your services</span>
91 94 </div>
92 95 <div className="bw-col-right">
93   - <button typ="button" className="bw-btn bw-btn-primary">
  96 + <div className="bw-btn bw-btn-primary">
94 97 <i className="bw-icon-calling"></i>
95 98 Get Help
96   - </button>
  99 + </div>
97 100 </div>
98 101 </div>
99 102 </div>
... ... @@ -112,10 +115,10 @@ function BookingWizard(props) {
112 115 <span>Pick your time</span>
113 116 </div>
114 117 <div className="bw-col-right">
115   - <button typ="button" className="bw-btn bw-btn-primary">
  118 + <div className="bw-btn bw-btn-primary">
116 119 <i className="bw-icon-calling"></i>
117 120 Get Help
118   - </button>
  121 + </div>
119 122 </div>
120 123 </div>
121 124 </div>
... ... @@ -134,10 +137,10 @@ function BookingWizard(props) {
134 137 <span>Confirm your doctor</span>
135 138 </div>
136 139 <div className="bw-col-right">
137   - <button typ="button" className="bw-btn bw-btn-primary">
  140 + <div className="bw-btn bw-btn-primary">
138 141 <i className="bw-icon-calling"></i>
139 142 Get Help
140   - </button>
  143 + </div>
141 144 </div>
142 145 </div>
143 146 </div>
... ... @@ -156,10 +159,10 @@ function BookingWizard(props) {
156 159 <span>Payment information</span>
157 160 </div>
158 161 <div className="bw-col-right">
159   - <button typ="button" className="bw-btn bw-btn-primary">
  162 + <div className="bw-btn bw-btn-primary">
160 163 <i className="bw-icon-calling"></i>
161 164 Get Help
162   - </button>
  165 + </div>
163 166 </div>
164 167 </div>
165 168 </div>
... ... @@ -189,7 +192,7 @@ function BookingWizard(props) {
189 192 {show && <div className="bw-backdrop" onClick={() => handleCloseModal()}></div>}
190 193 {show && <div className="bw-booking-popup-wraper">
191 194 <div className="bw-booking-modal">
192   - <button className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></button>
  195 + <div className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></div>
193 196 <div className="bw-booking-modal-body">
194 197 {renderStep(step)}
195 198 </div>
... ... @@ -204,15 +207,16 @@ function BookingWizard(props) {
204 207  
205 208 </>
206 209 // </Portal>
207   - :<root.div>
208   - <style type="text/css">
  210 + // :<root.div>
  211 + :<>
  212 + {/* <style type="text/css">
209 213 {`@import "${process.env.REACT_APP_FIREBASE_URL}/static/css/app.chunk.css";`}
210 214 {`@import "${process.env.REACT_APP_FIREBASE_URL}/static/css/main-app.chunk.css";`}
211   - </style>
  215 + </style> */}
212 216 {show && <div className="bw-backdrop" onClick={() => handleCloseModal()}></div>}
213 217 {show && <div className="bw-booking-popup-wraper">
214 218 <div className="bw-booking-modal">
215   - <button className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></button>
  219 + <div className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></div>
216 220 <div className="bw-booking-modal-body">
217 221 {renderStep(step)}
218 222 </div>
... ... @@ -223,7 +227,8 @@ function BookingWizard(props) {
223 227 />
224 228 </div>
225 229 </div>}
226   - </root.div>
  230 + {/* </root.div> */}
  231 + </>
227 232 }
228 233 </>
229 234 )