fix: login check and DB migration

src/components/CardLoad.vue

@@ -115,7 +115,7 @@
                 </p>
                 
             </div>
-            <div class="col-lg-6 col-sm-12" v-if="authStore.user?.permissions.includes('role_shipper')">
+            <div class="col-lg-6 col-sm-12" v-if="authStore.user?.permissions === 'role_shipper'">
                 <p><span>Status de la publicación:</span> <span>{{ getStatusPublished(load) }}</span></p>
                 <p :style="{color: getStatusLoad(load).color}"><span>Status de la carga:</span> <span>{{ getStatusLoad(load).status }}</span></p>
             </div>
@@ -149,7 +149,7 @@
         <div v-if="load.notes" class="box-note">
             {{ load.notes }}
         </div>
-        <div class="btn-row" v-if="!readOnly && authStore.user?.permissions.includes('role_shipper')">
+        <div class="btn-row" v-if="!readOnly && authStore.user?.permissions === 'role_shipper'">
             <button
                 class="btn-primary-sm bg-dark"
                 @click="handleDeleteLoad"
@@ -176,7 +176,7 @@
                 data-target="#proposalsModal"
             >#{{ load.no_of_proposals }} Ofertas</button>
         </div>
-        <div class="btn-row" v-if="!readOnly && authStore.user?.permissions.includes('role_carrier')">
+        <div class="btn-row" v-if="!readOnly && authStore.user?.permissions === 'role_carrier'">
             <button
                 class="btn-primary-sm bg-dark"
                 data-toggle="modal" 

src/components/CreateUserModal.vue

@@ -208,7 +208,7 @@
                                 <option disabled value="">-- Seleccionar rol --</option>
                                 <option value="owner">Dueño</option>
                                 <option value="manager">Gerente</option>
-                                <option v-if="authStore.user?.permissions.includes('role_carrier')" value="driver">Conductor</option>
+                                <option v-if="authStore.user?.permissions === 'role_carrier'" value="driver">Conductor</option>
                             </select>
                         </div>
                         <div class="mb-4 mt-3">

src/components/NavBar.vue

@@ -19,15 +19,15 @@
                 </button>
                 <div class="nav-options">
                     <RouterLink 
-                        v-if="auth.user?.permissions.includes('role_shipper')"
+                        v-if="auth.user?.permissions === 'role_shipper'"
                         active-class="router-link-active"
                         class="nav-link" :to="{name: 'carriers'}">Transportistas</RouterLink>
                     <RouterLink 
-                        v-if="auth.user?.permissions.includes('role_carrier')"
+                        v-if="auth.user?.permissions === 'role_carrier'"
                         active-class="router-link-active"
                         class="nav-link" :to="{name: 'search-loads'}"> <i class="fa-solid fa-truck-ramp-box me-1"></i> Cargas</RouterLink>
                     <RouterLink 
-                        v-if="auth.user?.permissions.includes('role_carrier')"
+                        v-if="auth.user?.permissions === 'role_carrier'"
                         active-class="router-link-active"
                         class="nav-link" :to="{name: 'shippers'}"><i class="fa-solid fa-book me-1"></i> Embarcadores</RouterLink>
                 </div>

src/components/Sidebar.vue

@@ -70,7 +70,7 @@
                 </div>
             </li>
             <li 
-                v-if="auth.user?.permissions.includes('role_carrier')"
+                v-if="auth.user?.permissions === 'role_carrier'"
                 :class="[route.name === 'vehicles' ? 'bg-nav-active' : '']">
                 <div>
                     <i class="fa-solid fa-truck-fast" :class="[route.name === 'vehicles' ? 'router-link-active' : '']"></i>
@@ -79,7 +79,7 @@
                         class="nav-link" :to="{name: 'vehicles'}">Vehiculos</RouterLink>
                 </div>
             </li>
-            <li v-if="auth.user?.permissions.includes('role_shipper')" :class="[route.name === 'published-loads' ? 'bg-nav-active' : '']">
+            <li v-if="auth.user?.permissions === 'role_shipper'" :class="[route.name === 'published-loads' ? 'bg-nav-active' : '']">
                 <div>
                     <i class="fa-solid fa-bullhorn" :class="[route.name === 'published-loads' ? 'router-link-active' : '']"></i>
                     <RouterLink 
@@ -87,7 +87,7 @@
                         class="nav-link" :to="{name: 'published-loads'}">Publicaciones</RouterLink>
                 </div>
             </li>
-            <li v-if="auth.user?.permissions.includes('role_carrier')" :class="[route.name === 'published-trucks' ? 'bg-nav-active' : '']">
+            <li v-if="auth.user?.permissions === 'role_carrier'" :class="[route.name === 'published-trucks' ? 'bg-nav-active' : '']">
                 <div>
                     <i class="fa-solid fa-bullhorn" :class="[route.name === 'published-trucks' ? 'router-link-active' : '']"></i>
                     <RouterLink 
@@ -104,7 +104,7 @@
                 </div>
             </li>
             <li 
-                v-if="auth.user?.permissions.includes('role_carrier')"
+                v-if="auth.user?.permissions === 'role_carrier'"
                 :class="[route.name === 'calculator' ? 'bg-nav-active' : '']">
                 <div>
                     <i class="fa-solid fa-calculator" :class="[route.name === 'calculator' ? 'router-link-active' : '']"></i>

src/views/LoginView.vue

@@ -38,7 +38,7 @@
             const resp = await login(data);
             if(resp.msg === 'success') {
                 console.log(resp.data.user);
-                if(resp.data.user.first_name && resp.data.user.last_name) {
+                if(resp.data.user.isVerified) {
                     localStorage.setItem('session', resp.data.session_token);
                     localStorage.setItem('access', resp.data.accessToken);
                     localStorage.setItem('id', resp.data.user.company);