From dc588e7f58319f32c571ff2b19d2487d72a3cc8e Mon Sep 17 00:00:00 2001
From: Lennart Schmidt <lennart.schmidt@kern.ai>
Date: Wed, 13 Dec 2023 18:13:21 +0100
Subject: [PATCH] table loader

---
 components/NoTableEntriesYet.tsx | 9 +++++++--
 types/noTableEntriesYet.ts       | 4 ++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/NoTableEntriesYet.tsx b/components/NoTableEntriesYet.tsx
index 0bd83b3..0fb6ff0 100644
--- a/components/NoTableEntriesYet.tsx
+++ b/components/NoTableEntriesYet.tsx
@@ -1,7 +1,7 @@
 import { memo } from "react";
 import { useDefaults } from "../hooks/useDefaults";
 import { NO_TABLE_ENTRIES_YET_DEFAULTS, NoTableEntriesYetProps } from "../types/noTableEntriesYet";
-
+import { Loading } from '@nextui-org/react';
 
 function GetNoTableEntriesYet(_props: NoTableEntriesYetProps) {
     const [props] = useDefaults<NoTableEntriesYetProps>(_props, NO_TABLE_ENTRIES_YET_DEFAULTS);
@@ -9,7 +9,12 @@ function GetNoTableEntriesYet(_props: NoTableEntriesYetProps) {
     return <tr>
         <td colSpan={props.tableColumns}>
             <div className={`flex justify-center items-center w-full text-sm ${props.heightClass + " " + props.backgroundColorClass + " " + props.textColorClass + " " + props.marginBottomClass}`}>
-                {props.text}
+                {props.loading?
+                <div className={`flex ${props.loadingColorClass}`}>
+                    <Loading size="md" type="spinner" color="currentColor"/>
+                </div>
+                :
+                props.text}
             </div>
         </td>
     </tr>
diff --git a/types/noTableEntriesYet.ts b/types/noTableEntriesYet.ts
index 7963158..7b8aa11 100644
--- a/types/noTableEntriesYet.ts
+++ b/types/noTableEntriesYet.ts
@@ -16,6 +16,8 @@ export type NoTableEntriesYetProps = {
     backgroundColorClass?: string;
     textColorClass?: string;
     marginBottomClass?: string; // can be used to offset common table paddings, usually negative
+    loading?: boolean
+    loadingColorClass?: string
 }
 
 
@@ -25,4 +27,6 @@ export const NO_TABLE_ENTRIES_YET_DEFAULTS = {
     backgroundColorClass: 'bg-gray-50',
     textColorClass: 'text-gray-700',
     marginBottomClass: "",
+    loading: false,
+    loadingColorClass: ''
 }