From 6d5a8cba6ffffce3ee6069ae3c28f7271cdeffb1 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 26 Sep 2024 10:20:50 +0200
Subject: [PATCH] refactor: refs #7010 modified customer summary table

---
 .../Customer/components/CustomerSummaryTable.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 8ebf4aabc..bf52b8d6b 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -6,7 +6,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { date } from 'quasar';
 import { toDateFormat } from 'src/filters/date.js';
 
-import { toCurrency } from 'src/filters';
+import { dashIfEmpty, toCurrency } from 'src/filters';
 
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import TicketSummary from 'src/pages/Ticket/Card/TicketSummary.vue';
@@ -101,8 +101,6 @@ const columns = computed(() => [
         align: 'left',
         name: 'itemPackingTypeFk',
         label: t('ticketSale.packaging'),
-        format: (row, dashIfEmpty) =>
-            dashIfEmpty(row?.ticketSales[0]?.item.itemPackingTypeFk),
     },
     {
         align: 'right',
@@ -221,6 +219,18 @@ const setShippedColor = (date) => {
             </QBadge>
             <span v-else> {{ toDateFormat(row.shipped) }}</span>
         </template>
+        <template #column-itemPackingTypeFk="{ row }">
+            <span>
+                {{
+                    dashIfEmpty(
+                        row?.ticketSales
+                            .map((sale) => sale.item?.itemPackingTypeFk || '-')
+                            .filter((value) => value !== '-')
+                            .join(', ')
+                    )
+                }}
+            </span>
+        </template>
     </VnTable>
 </template>