From 40a82dfa7db50bcc32c41c5001f1e13374fb3980 Mon Sep 17 00:00:00 2001
From: Igor Dykhta <igorDykhta@users.noreply.github.com>
Date: Thu, 28 Jul 2022 19:40:22 +0300
Subject: [PATCH] [Enhancement] disable layer column selection if empty (#1888)

* [Enhancement] disable layer column selection if empty (#275)

Signed-off-by: Shan He <heshan0131@gmail.com>
Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* prettier

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

Co-authored-by: Shan He <heshan0131@gmail.com>
---
 .../side-panel/layer-panel/layer-column-config.tsx           | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/side-panel/layer-panel/layer-column-config.tsx b/src/components/side-panel/layer-panel/layer-column-config.tsx
index 817fea935d..0206123478 100644
--- a/src/components/side-panel/layer-panel/layer-column-config.tsx
+++ b/src/components/side-panel/layer-panel/layer-column-config.tsx
@@ -79,6 +79,11 @@ function LayerColumnConfigFactory(ColumnSelector: ReturnType<typeof ColumnSelect
       [updateLayerConfig, columnPairs, assignColumnPairs, assignColumn]
     );
 
+    if (!Object.keys(columns).length) {
+      // don't render if columns is empty
+      return <div />;
+    }
+
     return (
       <div>
         <SidePanelSection>