From 2a4bde6024bba0aa0f31ddbbd59c44f54b471ead Mon Sep 17 00:00:00 2001
From: Alexandro Uc Santos <alexandro.us@icloud.com>
Date: Sat, 16 Dec 2023 19:49:57 -0600
Subject: [PATCH] fix: clear session active when close session

---
 src/components/NavBar.vue      |  4 ++++
 src/router/index.js            |  5 +++++
 src/stores/company.js          |  1 +
 src/views/SearchLoadsView.vue  | 11 +++++++++++
 src/views/TrackingLoadView.vue |  3 ++-
 5 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/views/SearchLoadsView.vue

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index d47c7bc..f531475 100644
--- a/src/components/NavBar.vue
+++ b/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"
diff --git a/src/router/index.js b/src/router/index.js
index 769684a..8b4aa45 100644
--- a/src/router/index.js
+++ b/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'),
+        },
       ]
     }
   ]
diff --git a/src/stores/company.js b/src/stores/company.js
index 219a78f..7437219 100644
--- a/src/stores/company.js
+++ b/src/stores/company.js
@@ -23,6 +23,7 @@ export const useCompanyStore = defineStore('company', () => {
 
     const clear = () => {
         company.value = null;
+        companyid.value = null;
         loading.value = false;
     }
 
diff --git a/src/views/SearchLoadsView.vue b/src/views/SearchLoadsView.vue
new file mode 100644
index 0000000..06bf670
--- /dev/null
+++ b/src/views/SearchLoadsView.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <h2 class="title">Buscar cargas</h2>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/TrackingLoadView.vue b/src/views/TrackingLoadView.vue
index 9b356ec..61e6a96 100644
--- a/src/views/TrackingLoadView.vue
+++ b/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>