fix: clear session active when close session

src/components/NavBar.vue

@@ -22,6 +22,10 @@
                         v-if="auth.user?.permissions.includes('role_shipper')"
                         active-class="router-link-active"
                         class="nav-link" :to="{name: 'carriers'}">Transportistas</RouterLink>
+                    <RouterLink 
+                        v-if="auth.user?.permissions.includes('role_carrier')"
+                        active-class="router-link-active"
+                        class="nav-link" :to="{name: 'search-loads'}">Cargas</RouterLink>
                     <RouterLink 
                         v-if="auth.user?.permissions.includes('role_carrier')"
                         active-class="router-link-active"

src/router/index.js

@@ -105,6 +105,11 @@ const router = createRouter({
           name: 'tracking-load',
           component: () => import('../views/TrackingLoadView.vue'),
         },
+        {
+          path: 'buscar-cargas',
+          name: 'search-loads',
+          component: () => import('../views/SearchLoadsView.vue'),
+        },
       ]
     }
   ]

src/stores/company.js

@@ -23,6 +23,7 @@ export const useCompanyStore = defineStore('company', () => {
 
     const clear = () => {
         company.value = null;
+        companyid.value = null;
         loading.value = false;
     }
 

src/views/SearchLoadsView.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <h2 class="title">Buscar cargas</h2>
+</template>
+
+<style scoped>
+
+</style>

src/views/TrackingLoadView.vue

@@ -77,6 +77,7 @@ import CardEmpty from '../components/CardEmpty.vue';
 </script>
 
 <template>
+    <h2 class="title text-center">Seguimiento de carga</h2>
     <Spiner v-if="isLoading"/>
     <div v-else>
         <div v-if="load">
@@ -119,7 +120,7 @@ import CardEmpty from '../components/CardEmpty.vue';
                     }" /> -->
                 </GoogleMap>
         </div>
-        <CardEmpty text="No hay información disponible"/>
+        <CardEmpty v-else text="No hay información disponible"/>
     </div>
 </template>