show carrier info in traking load

src/components/ProposalsModal.vue

@@ -42,6 +42,8 @@
             vehicle: proposal.vehicle._id,
         }
 
+        console.log(proposal)
+
         isLoadingActions.value = true;
         let load = await loadsStore.updateLoad(load_id, loadData);
         if(load != null) {
@@ -54,7 +56,9 @@
             loadsStore.loads[index] = {
                 ...loadsStore.loads[index],
                 ...load,
-                ...dataLocal
+                ...dataLocal,
+                carrier: proposal.carrier,
+                vehicle: proposal.vehicle,
             };
             const proposal_id = proposal._id;
     

src/views/TrackingLoadView.vue

@@ -10,6 +10,7 @@
     import { useI18n } from 'vue-i18n';
     import AttachmentsModal from '../components/AttachmentsModal.vue';
     import { useLoadsStore } from '../stores/loads';
+    import CarrierInfoModal from '../components/CarrierInfoModal.vue';
 
     const mapKey = import.meta.env.VITE_MAP_KEY;
 
@@ -91,10 +92,16 @@
             heightMap.value = 768;
         }
     }
+
+    const openModal = () => {
+        loadStore.openCarrierInfoModal = true;
+    }
+    
 </script>
 
 <template>
     <AttachmentsModal v-if="loadStore.openAttachmentsModal"/>
+    <CarrierInfoModal :load="load" v-if="loadStore.openCarrierInfoModal"/>
     <h2 class="title text-center mt-5">{{ t('loads.trackingLoad') }}</h2>
     <Spiner v-if="loading"/>
     <div v-else>
@@ -119,15 +126,23 @@
                 > 
                     <Marker v-if="originCoords" :options="{position: originCoords, label: 'O', title: 'Destino'}" />
                     <Marker v-if="destinationCoords" :options="{position: destinationCoords, label: 'D', title: 'Origen'}" />
-                    <!-- v-if="vehicleLastLocation && load.vehicle.background_tracking && isLoadActive" -->
+                    <!-- <CustomMarker
+                        :options="{position: vehicleLastLocation}"
+                        :clickable="false"
+                        :draggable="false"
+                    > -->
                     <CustomMarker
                         v-if="vehicleLastLocation && load.vehicle.background_tracking && isLoadActive"
                         :options="{position: vehicleLastLocation}"
                         :clickable="false"
                         :draggable="false"
+                    >
+                        <div 
+                            style="text-align: center"
+                            data-toggle="modal" 
+                            data-target="#carrierInfoModal"
+                            @click="openModal()"
                         >
-                        <div style="text-align: center">
-                            <!-- <img src="/images/freeTruck.png" width="25" height="25" /> -->
                             <i class="fa-solid fa-truck" :style="{fontSize: 25 + 'px', color: 'green'}"></i>
                         </div>
                     </CustomMarker>