@@ -75,14 +75,14 @@ const DriverTracking = () => {
7575 const handleShipmentSelect = ( trackingNumber ) => {
7676 setSelectedShipments ( ( prev ) => {
7777 const updatedList = prev . includes ( trackingNumber )
78- ? prev . filter ( ( num ) => num !== trackingNumber ) // Deselecting a shipment
79- : [ ...prev , trackingNumber ] // Selecting a shipment
78+ ? prev . filter ( ( num ) => num !== trackingNumber ) // Deselecting a shipment
79+ : [ ...prev , trackingNumber ] // Selecting a shipment
8080
8181 // Join tracking room when selected, leave when deselected
8282 if ( ! prev . includes ( trackingNumber ) ) {
83- socket . emit ( " joinTracking" , trackingNumber )
83+ socket . emit ( ' joinTracking' , trackingNumber )
8484 } else {
85- socket . emit ( " leaveTracking" , trackingNumber )
85+ socket . emit ( ' leaveTracking' , trackingNumber )
8686 }
8787
8888 return updatedList
@@ -124,16 +124,22 @@ const DriverTracking = () => {
124124
125125 { location && (
126126 < LoadScript googleMapsApiKey = { VITE_APP_GOOGLE_MAP } >
127- < GoogleMap
128- mapContainerStyle = { { height : '300px' , width : '100%' } }
129- center = { { lat : location ?. latitude , lng : location ?. longitude } }
130- zoom = { 15 }
131- onLoad = { ( map ) => setMapInstance ( map ) }
132- >
133- < Marker position = { { lat : location ?. latitude , lng : location ?. longitude } } />
134- { mapInstance && < MapCenterUpdater lat = { location . latitude } lng = { location . longitude } map = { mapInstance } /> }
135- </ GoogleMap >
136- </ LoadScript >
127+ < GoogleMap
128+ mapContainerStyle = { { height : '300px' , width : '100%' } }
129+ center = { { lat : location ?. latitude , lng : location ?. longitude } }
130+ zoom = { 15 }
131+ onLoad = { ( map ) => setMapInstance ( map ) }
132+ >
133+ < Marker position = { { lat : location ?. latitude , lng : location ?. longitude } } />
134+ { mapInstance && (
135+ < MapCenterUpdater
136+ lat = { location . latitude }
137+ lng = { location . longitude }
138+ map = { mapInstance }
139+ />
140+ ) }
141+ </ GoogleMap >
142+ </ LoadScript >
137143 ) }
138144 </ div >
139145 )
0 commit comments