From 1f1401a6e5c8c666c5f880e40a59921536a9e731 Mon Sep 17 00:00:00 2001
From: Josepablo C <jcruzbaas@gmail.com>
Date: Sun, 10 Mar 2024 19:47:07 -0600
Subject: [PATCH] fix(API): company_typ and user.permissions are now plain
 strings instead of arrays

---
 src/components/CardCompany.vue |  2 +-
 src/views/HomeView.vue         | 20 ++++++++++----------
 src/views/MyCompanyView.vue    |  2 +-
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/CardCompany.vue b/src/components/CardCompany.vue
index 1e13078..edbe206 100644
--- a/src/components/CardCompany.vue
+++ b/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>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index c9f6d2a..cf1c981 100644
--- a/src/views/HomeView.vue
+++ b/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']"
-      v-if="user?.permissions?.includes('role_shipper')">
+      :class="[ (user?.permissions === 'role_shipper') ? 'card-dashboard' : 'card-dashboard-carrier']"
+      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">
diff --git a/src/views/MyCompanyView.vue b/src/views/MyCompanyView.vue
index 2f6da60..8753849 100644
--- a/src/views/MyCompanyView.vue
+++ b/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>