From 2ff20a6b93a92f0cac6b9f5584e81e39407e51c5 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 14 Mar 2021 13:39:31 +0300
Subject: feat: display populated fields
---
src/components/ListTable.tsx | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
(limited to 'src/components/ListTable.tsx')
diff --git a/src/components/ListTable.tsx b/src/components/ListTable.tsx
index 5c1333a..c333698 100644
--- a/src/components/ListTable.tsx
+++ b/src/components/ListTable.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import _ from 'lodash';
interface Field {
key: string;
@@ -28,7 +29,7 @@ const ListTable: React.FC<Props> = ({ items = [], fields, handleRowClick = () =>
className={`border-b hover:bg-gray-100 cursor-pointer ${index % 2 && 'bg-gray-50'}`}
onClick={() => handleRowClick(index)}
>
- {fields.map(field => <td key={`${item._id} ${field.label}`} className="p-3">{item[field.key]}</td>)}
+ {fields.map(field => <td key={`${item._id} ${field.label}`} className="p-3">{_.get(item, field.key)}</td>)}
</tr>
))}
</tbody>
--
cgit v1.2.3