From 94f614918e46de39b196e31f00f94ed6aaa08267 Mon Sep 17 00:00:00 2001
From: Muhammad Mohsin <mohsin.njm@hotmail.com>
Date: Thu, 21 Oct 2021 21:06:58 +0500
Subject: [PATCH] Added condition for pie chart to hide marker and grid line
 from inspector (#1182)

---
 .../src/Editor/Inspector/Components/Chart.jsx | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/src/Editor/Inspector/Components/Chart.jsx b/frontend/src/Editor/Inspector/Components/Chart.jsx
index 3da96091fc..94de840e20 100644
--- a/frontend/src/Editor/Inspector/Components/Chart.jsx
+++ b/frontend/src/Editor/Inspector/Components/Chart.jsx
@@ -58,6 +58,8 @@ class Chart extends React.Component {
 
     const data = this.state.component.component.definition.properties.data;
 
+    const chartType = this.state.component.component.definition.properties.type.value;
+
     return (
       <div className="properties-container p-2">
         {renderElement(
@@ -99,17 +101,19 @@ class Chart extends React.Component {
 
         {renderElement(component, componentMeta, paramUpdated, dataQueries, 'loadingState', 'properties', currentState)}
 
-        {renderElement(component, componentMeta, paramUpdated, dataQueries, 'markerColor', 'properties', currentState)}
+        {chartType !== 'pie' &&
+          renderElement(component, componentMeta, paramUpdated, dataQueries, 'markerColor', 'properties', currentState)}
 
-        {renderElement(
-          component,
-          componentMeta,
-          paramUpdated,
-          dataQueries,
-          'showGridLines',
-          'properties',
-          currentState
-        )}
+        {chartType !== 'pie' &&
+          renderElement(
+            component,
+            componentMeta,
+            paramUpdated,
+            dataQueries,
+            'showGridLines',
+            'properties',
+            currentState
+          )}
       </div>
     );
   }