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')

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