From 073ddc9d7cb9aa6c819872fa97f0cdf217ccac75 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Tue, 5 Aug 2025 00:26:53 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feature:=20Data=20table=20component?=
 =?UTF-8?q?=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/VDataTable.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/table/VDataTable.vue b/src/components/table/VDataTable.vue
index 19f231c..0cfc831 100644
--- a/src/components/table/VDataTable.vue
+++ b/src/components/table/VDataTable.vue
@@ -2,6 +2,7 @@
 import DataTable from 'primevue/datatable';
 import type { DataTableProps, DataTableSlots } from 'primevue/datatable';
 import { useId, ref, watch, computed } from 'vue';
+import styles from '@visua/typography.module.css';
 
 export interface IVDataTable extends Partial<Omit<DataTableProps, 'pt' | 'dt' | 'ptOptions' | 'unstyled'>>{
   id?: string
@@ -415,6 +416,12 @@ watch(localEditingRows, (newVal) => {
       <slot :name="name" v-bind="slotProps" />
     </template>
     <slot></slot>
+    <template #empty>
+      <div class="datatable-empty" :class="[styles['text-body-SM-detail-text-Regular']]">
+        <i class="ri-database-line database-icon"></i>
+        <p> Aucune donnée trouvée. </p>
+      </div>
+    </template>
   </DataTable>
 </template>
 
@@ -422,4 +429,17 @@ watch(localEditingRows, (newVal) => {
 .p-datatable{
   box-sizing: border-box;
 }
+
+.datatable-empty{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 1rem;
+  gap: 1.5rem;
+}
+
+.database-icon{
+  font-size: 5rem;
+  color: var(--border-contrast-grey);
+}
 </style>