empty-component-props

PandaTechAM · Dec 26, 2024 · 1f66f2e · 1f66f2e
1 parent 18467fc
commit 1f66f2e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 23 deletions.
diff --git a/src/Models/table.models.ts b/src/Models/table.models.ts
@@ -1,3 +1,4 @@
+import { ReactNode } from 'react'
 import { ColumnTypeEnums } from './table.enum'
 
 export interface IProps<T extends Object> {
@@ -36,7 +37,7 @@ export interface IProps<T extends Object> {
   rowsFreezeAction?: boolean
   isEnableAggregates?: boolean
   aggregates?: any
-  emptyDataIcon?: string
+  EmptyDataContainer?: ReactNode
   perColumnTotalCount?: number
   hoverdRowPosition?: number
   selectedPageSizeId?: ISelected

diff --git a/src/table/index.scss b/src/table/index.scss
@@ -313,12 +313,13 @@
   }
 }
 
-.G-empty-data-component{
-
-}
-
-
-
 #table-wrapper{
 position: relative;
-}
+  .empty-container{
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top:25%
+  }
+}
+
diff --git a/src/table/index.tsx b/src/table/index.tsx
@@ -43,7 +43,7 @@ function Table<T extends Object>({
   filterColumns,
   filtersTypes,
   rowsFreezeAction,
-  emptyDataIcon,
+  EmptyDataContainer,
   perColumnTotalCount,
   selectedPageSizeId,
   hasFilters,
@@ -90,20 +90,7 @@ function Table<T extends Object>({
 
   return (
     <div id='table-wrapper'>
-      {!isLoadedData && !data.length ? (
-        <img
-          style={{
-            position: 'absolute',
-            left: '50%',
-            transform: 'translateX(-50%)',
-            top: '25%',
-          }}
-          className='G-empty-data-icon'
-          src={emptyDataIcon}
-          alt='Empty data'
-          width={500}
-        />
-      ) : null}
+      {!isLoadedData && !data.length ? <div className='empty-container'>{EmptyDataContainer}</div> : null}
       {multipleCheck || draggableColumns || hasFilters || getDownloadType ? (
         <MainHeader
           columnsConfigStructure={columnsConfigStructure}