fix(API): company_typ and user.permissions are now plain strings instead of arrays

src/components/CardCompany.vue

@@ -17,7 +17,7 @@
         <div class="row mt-4">
             <div class="col-lg-6 col-sm-12">
                 <p><span>RFC:</span> {{ company.rfc }}</p>
-                <p><span>Tipo de empresa:</span> {{ company.company_type ? company.company_type.join(", ") : 'No definido' }}</p>
+                <p><span>Tipo de empresa:</span> {{ company.company_type || 'No definido' }}</p>
                 <p><span>Código:</span> {{ company.company_code }}</p>
                 <p><span>Empresa miembro desde: </span>{{getDateMonthDay(company.createdAt)}}</p>
                 <p><span>Afiliación: </span>  {{company.membership}}</p>

src/views/HomeView.vue

@@ -36,7 +36,7 @@
 
   const getData = async() => {
     loading.value = true;
-    if(user.value?.permissions?.includes("role_carrier")) {
+    if(user.value?.permissions === "role_carrier") {
       await loads.getProposalCompanyAll();
     } else {
       await loads.getLoadsAll();
@@ -52,10 +52,10 @@
       if(e?.load_status) {
         loadsData.value.push(e.load_status);
       }
-      if(user.value?.permissions?.includes("role_shipper") &&  e?.categories) {
+      if( (user.value?.permissions === "role_shipper") &&  e?.categories) {
         segmentsData.value.push(e?.categories[0].name)
       }
-      if(user.value?.permissions?.includes("role_shipper") && e?.origin?.city) {
+      if( (user.value?.permissions === "role_shipper" ) && e?.origin?.city) {
         cities.value.push(e?.origin.city)
       }
       if(e?.origin?.state){
@@ -72,7 +72,7 @@
   <h1 class="title my-4">Dashboard Administrativo</h1>
   <div class="container-dashboard">
     <div class="card-fixed"
-      :class="[user?.permissions?.includes('role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      :class="[ ( user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier' ]"
       >
       <h3>Total de cargas este mes</h3>
       <div class="main-info">
@@ -86,7 +86,7 @@
     </div>
     <!-- <ChartLoad/> -->
     <div class="card-fixed"
-      :class="[user?.permissions?.includes('role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      :class="[ ( user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
       >
       <h3>Cargas activas</h3>
       <div class="card-chart">
@@ -101,7 +101,7 @@
       </div>
     </div>
     <div class="card-fixed"
-      :class="[user?.permissions?.includes('role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      :class="[ (user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
       v-if="user?.permissions?.includes('role_shipper')">
       <h3>Segmentos más usados</h3>
       <div class="card-chart">
@@ -117,7 +117,7 @@
   <!-- </div>
   <div class="container-dashboard"> -->
     <div class="card-fixed"
-      :class="[user?.permissions?.includes('role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      :class="[ (user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
       >
       <h3>Estados más usados</h3>
       <div class="card-chart">
@@ -130,8 +130,8 @@
       </div>
     </div>
     <div class="card-fixed"
-      :class="[user?.permissions?.includes('role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      :class="[ (user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
-      v-if="user?.permissions?.includes('role_shipper')">
+      v-if="user?.permissions === 'role_shipper'">
       <h3>Ciudades más usadas</h3>
       <div class="card-chart">
         <Spiner v-if="loading"/>
@@ -143,7 +143,7 @@
       </div>
     </div>
     <div class="card-fixed"
-      :class="[user?.permissions?.includes('role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      :class="[ (user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
       >
       <h3>Tipo de transporte más usados</h3>
       <div class="card-chart">

src/views/MyCompanyView.vue

@@ -57,7 +57,7 @@ import { storeToRefs } from 'pinia';
                         </div>
                         <div class="item-company">
                             <span class="font-weight-bold">Tipo de empresa: </span>
-                            {{getTypeCompany(company.company?.company_type[0])}}
+                            {{getTypeCompany(company.company?.company_type)}}
                         </div>
                         <div class="item-company">
                             <span class="font-weight-bold">Código: </span>