From 1aa7561ccf3a5135cb176dd271cdec327563467b Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 18 Feb 2022 15:04:40 +0300
Subject: [PATCH] Show placeholder along with no items text

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/item-object-list/content.tsx  | 11 +++++++++--
 .../components/item-object-list/item-list-layout.scss |  6 ++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/item-object-list/content.tsx b/src/renderer/components/item-object-list/content.tsx
index 654a928786..018786c510 100644
--- a/src/renderer/components/item-object-list/content.tsx
+++ b/src/renderer/components/item-object-list/content.tsx
@@ -187,8 +187,15 @@ export class ItemListLayoutContent<I extends ItemObject> extends React.Component
       );
     }
 
-    if (this.props.showEmptyTablePlaceholder && this.props.renderTableHeader) {
-      return <Placeholder renderTableHeader={this.props.renderTableHeader}/>;
+    if (this.props.showEmptyTablePlaceholder && this.props.renderTableHeader && this.props.tableId) {
+      return (
+        <>
+          <Placeholder renderTableHeader={this.props.renderTableHeader} tableId={this.props.tableId}/>
+          <div className="noItemsHolder">
+            <NoItems />
+          </div>
+        </>
+      );
     }
 
     return <NoItems />;
diff --git a/src/renderer/components/item-object-list/item-list-layout.scss b/src/renderer/components/item-object-list/item-list-layout.scss
index 254be55936..9c6fb1dc9b 100644
--- a/src/renderer/components/item-object-list/item-list-layout.scss
+++ b/src/renderer/components/item-object-list/item-list-layout.scss
@@ -33,6 +33,12 @@
     position: relative;
     min-height: 200px;
   }
+
+  .noItemsHolder {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .ItemListLayoutVisibilityMenu {