From 930cd78866874d85009f763e8b89c68c93b2f730 Mon Sep 17 00:00:00 2001
From: malegreIndec <130506836+malegreIndec@users.noreply.github.com>
Date: Tue, 6 Feb 2024 12:31:29 -0300
Subject: [PATCH] feat(table): add logic to paint free rows (#105)

* feat(table): add new variant and property in table component

* feat(table): fixs from comments

* feat(table): fixs from comment
---
 src/components/Table/Table.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/Table/Table.js b/src/components/Table/Table.js
index ca756e8..38e0f0d 100644
--- a/src/components/Table/Table.js
+++ b/src/components/Table/Table.js
@@ -114,11 +114,15 @@ const Table = ({
                         )}
                         {!isLoading && data.length > 0 && buildRows(data, columnsData).map(row => (
                             <Tr key={row?.key} {...row?.containerStyle} data-testid={`row-${row?.key}`}>
-                                {columnsData.map(header => (
-                                    <Td key={`${row.key}-${header.key}`} {...row.style} {...header.tdStyle} >
-                                        {row[header.key]}
-                                    </Td>
-                                ))}
+                                {columnsData.map(header => {
+                                    const isEmpty = row[header.key] == null || row[header.key] === '';
+                                    const rowStyle = isEmpty ? header.emptyRow : header.tdStyle;
+                                    return (
+                                        <Td key={`${row.key}-${header.key}`} {...row.style} {...rowStyle}>
+                                            {row[header.key]}
+                                        </Td>
+                                    );
+                                })}
                             </Tr>
                         ))}
                     </Tbody>