From fa2c84f3d6180b7825248cc54a52d84c82ac0fcc Mon Sep 17 00:00:00 2001
From: Arpit <arpitnath42@gmail.com>
Date: Wed, 29 Sep 2021 22:18:08 +0530
Subject: [PATCH] Bugfix/table cell color fix (#870)

* Table widget: data on inspector is readable in dark mode

* table body colors

* removed repeated properties in the widget ispector or table widget
---
 frontend/src/Editor/Components/Table/Datepicker.jsx | 1 -
 frontend/src/Editor/Components/Table/Table.jsx      | 2 +-
 frontend/src/Editor/Inspector/EventManager.jsx      | 5 +----
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Editor/Components/Table/Datepicker.jsx b/frontend/src/Editor/Components/Table/Datepicker.jsx
index b17a61d016..84c2903bf6 100644
--- a/frontend/src/Editor/Components/Table/Datepicker.jsx
+++ b/frontend/src/Editor/Components/Table/Datepicker.jsx
@@ -31,7 +31,6 @@ export const Datepicker = function Datepicker({ value, onChange, readOnly, isTim
     disabled: !readOnly,
   };
 
-
   const onDatepickerClose = () => {
     onChange(date);
   };
diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index beb0de4c1d..1168c5344b 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -317,7 +317,7 @@ export function Table({
             const textColor = resolveReferences(column.textColor, currentState, { cellValue });
 
             const cellStyles = {
-              color: textColor === undefined ? (darkMode === true ? '#fff' : 'black') : textColor,
+              color: textColor ?? '',
             };
 
             if (column.isEditable) {
diff --git a/frontend/src/Editor/Inspector/EventManager.jsx b/frontend/src/Editor/Inspector/EventManager.jsx
index 8761083da8..9e736426cb 100644
--- a/frontend/src/Editor/Inspector/EventManager.jsx
+++ b/frontend/src/Editor/Inspector/EventManager.jsx
@@ -17,7 +17,6 @@ export const EventManager = ({
   excludeEvents,
   popOverCallback,
   popoverPlacement,
-  darkMode,
 }) => {
   const [focusedEventIndex, setFocusedEventIndex] = useState(null);
 
@@ -258,9 +257,7 @@ export const EventManager = ({
             }}
           >
             <div className={rowClassName} role="button">
-              <div className="col">
-                {componentMeta.events[event.eventId]['displayName']}
-              </div>
+              <div className="col">{componentMeta.events[event.eventId]['displayName']}</div>
               <div className="col">
                 <small className="event-action">{actionMeta.name}</small>
               </div>