Trong Nhan / Booking Wizard

Download as
Browse Code ยป

Commit f0498b399b55f4dc12ba0df731efd8487ca484db

Authored by Vu Bui
1 parent 75d6e3a50d
Exists in master

update

Showing 1 changed file with 21 additions and 7 deletions Side-by-side Diff

... ... @@ -22,7 +22,7 @@ function BookingWizard(props) {
22 22 dispatch({ type: 'BW_SHOW_BOOKING_MODAL', payload: false })
23 23 }
24 24  
25   - const renderStep = (step)=> {
  25 + const renderStep = (step) => {
26 26 switch (step) {
27 27 case 'step-login':
28 28 return <LoginStep />
... ... @@ -39,7 +39,7 @@ function BookingWizard(props) {
39 39 <div className="bw-booking-modal">
40 40 <button className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></button>
41 41 <div className="bw-booking-modal-body">
42   - {step!=='step-login' && <div className="bw-booking-modal-header">
  42 + {step !== 'step-login' && <div className="bw-booking-modal-header">
43 43 <div className="bw-row">
44 44 <div className="bw-col-left">
45 45 <i className="bw-icon-health-care"></i>
... ... @@ -47,17 +47,17 @@ function BookingWizard(props) {
47 47 </div>
48 48 <div className="bw-col-right"></div>
49 49 </div>
50   - </div> }
  50 + </div>}
51 51 <div className="bw-booking-modal-content">
52 52 <div className="bw-booking-modal-inner">
53   -
  53 +
54 54 {renderStep(step)}
55 55 </div>
56 56 </div>
57 57 </div>
58 58 </div>
59   -
60   - <div className={`bw-booking-step-wrapper ${step ==='step-login' ?'require-login':''}`}>
  59 +
  60 + <div className={`bw-booking-step-wrapper ${step === 'step-login' ? 'require-login' : ''}`}>
61 61 <BookingWizardStep />
62 62 </div>
63 63 </div>}
... ... @@ -72,10 +72,24 @@ function BookingWizard(props) {
72 72 <div className="bw-booking-modal">
73 73 <button className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></button>
74 74 <div className="bw-booking-modal-body">
  75 + {step !== 'step-login' && <div className="bw-booking-modal-header">
  76 + <div className="bw-row">
  77 + <div className="bw-col-left">
  78 + <i className="bw-icon-health-care"></i>
  79 + <span>Confirm your services</span>
  80 + </div>
  81 + <div className="bw-col-right"></div>
  82 + </div>
  83 + </div>}
  84 + <div className="bw-booking-modal-content">
  85 + <div className="bw-booking-modal-inner">
75 86  
  87 + {renderStep(step)}
  88 + </div>
  89 + </div>
76 90 </div>
77 91 </div>
78   - <div className="bw-booking-step-wrapper">
  92 + <div className={`bw-booking-step-wrapper ${step === 'step-login' ? 'require-login' : ''}`}>
79 93 <BookingWizardStep />
80 94 </div>
81 95 </div>}