From f0498b399b55f4dc12ba0df731efd8487ca484db Mon Sep 17 00:00:00 2001
From: Vu Bui <vu.bui@gkxim.com>
Date: Tue, 13 Jul 2021 18:00:55 +0700
Subject: [PATCH] update

---
 index.js | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/index.js b/index.js
index caa8580..8af2333 100644
--- a/index.js
+++ b/index.js
@@ -22,7 +22,7 @@ function BookingWizard(props) {
         dispatch({ type: 'BW_SHOW_BOOKING_MODAL', payload: false })
     }
 
-    const renderStep = (step)=> {
+    const renderStep = (step) => {
         switch (step) {
             case 'step-login':
                 return <LoginStep />
@@ -39,7 +39,7 @@ function BookingWizard(props) {
                     <div className="bw-booking-modal">
                         <button className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></button>
                         <div className="bw-booking-modal-body">
-                            {step!=='step-login' && <div className="bw-booking-modal-header">
+                            {step !== 'step-login' && <div className="bw-booking-modal-header">
                                 <div className="bw-row">
                                     <div className="bw-col-left">
                                         <i className="bw-icon-health-care"></i>
@@ -47,17 +47,17 @@ function BookingWizard(props) {
                                     </div>
                                     <div className="bw-col-right"></div>
                                 </div>
-                            </div> }
+                            </div>}
                             <div className="bw-booking-modal-content">
                                 <div className="bw-booking-modal-inner">
-                                    
+
                                     {renderStep(step)}
                                 </div>
                             </div>
                         </div>
                     </div>
-                   
-                    <div className={`bw-booking-step-wrapper ${step ==='step-login' ?'require-login':''}`}>
+
+                    <div className={`bw-booking-step-wrapper ${step === 'step-login' ? 'require-login' : ''}`}>
                         <BookingWizardStep />
                     </div>
                 </div>}
@@ -72,10 +72,24 @@ function BookingWizard(props) {
                         <div className="bw-booking-modal">
                             <button className="bw-btn-close" onClick={() => handleCloseModal()}><i className="bw-icon-close"></i></button>
                             <div className="bw-booking-modal-body">
+                                {step !== 'step-login' && <div className="bw-booking-modal-header">
+                                    <div className="bw-row">
+                                        <div className="bw-col-left">
+                                            <i className="bw-icon-health-care"></i>
+                                            <span>Confirm your services</span>
+                                        </div>
+                                        <div className="bw-col-right"></div>
+                                    </div>
+                                </div>}
+                                <div className="bw-booking-modal-content">
+                                    <div className="bw-booking-modal-inner">
 
+                                        {renderStep(step)}
+                                    </div>
+                                </div>
                             </div>
                         </div>
-                        <div className="bw-booking-step-wrapper">
+                        <div className={`bw-booking-step-wrapper ${step === 'step-login' ? 'require-login' : ''}`}>
                             <BookingWizardStep />
                         </div>
                     </div>}
-- 
2.14.0