From c9baa48c947161570bdde6253508532921f863ed Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Fri, 7 May 2021 13:11:32 +0530
Subject: [PATCH] Fixes for editor crashes

---
 frontend/src/Editor/Components/components.js       | 11 +++++++----
 frontend/src/Editor/Inspector/Components/Table.jsx |  2 +-
 frontend/src/Editor/Inspector/Elements/Color.jsx   |  2 +-
 frontend/src/_helpers/appUtils.js                  |  8 ++++++--
 4 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Editor/Components/components.js b/frontend/src/Editor/Components/components.js
index 6bbabadd34..2520ac3191 100644
--- a/frontend/src/Editor/Components/components.js
+++ b/frontend/src/Editor/Components/components.js
@@ -11,7 +11,9 @@ export const componentTypes = [
       visible: { type: 'string', displayName: 'Show when' },
       loadingState: { type: 'string', displayName: 'Loading state' },
       columns: { type: 'array', displayName: 'Table Columns' },
-      serverSidePagination: { type: 'toggle', displayName: 'Server Side Pagination'}
+      serverSidePagination: { type: 'toggle', displayName: 'Server Side Pagination'},
+      actionButtonBackgroundColor: { type: 'color', displayName: 'Background Color'},
+      actionButtonTextColor: { type: 'color', displayName: 'Text Color'}
     },
     defaultSize: {
       width: 810,
@@ -28,7 +30,8 @@ export const componentTypes = [
     exposedVariables: {
       selectedRow: {},
       changeSet: {},
-      dataUpdates: []
+      dataUpdates: [],
+      pageIndex: 0
     },
     definition: {
       properties: {
@@ -298,8 +301,8 @@ export const componentTypes = [
       loadingState: { type: 'code', displayName: 'Show loading state' }
     },
     defaultSize: {
-      width: 100,
-      height: 60
+      width: 210,
+      height: 24
     },
     events: [
 
diff --git a/frontend/src/Editor/Inspector/Components/Table.jsx b/frontend/src/Editor/Inspector/Components/Table.jsx
index 45dec29c2e..4efbea75d2 100644
--- a/frontend/src/Editor/Inspector/Components/Table.jsx
+++ b/frontend/src/Editor/Inspector/Components/Table.jsx
@@ -217,7 +217,7 @@ class Table extends React.Component {
             onChange={(name, value, color) => this.onActionButtonPropertyChanged(index, 'textColor', color)}
           />
           <EventSelector
-            param="onClick"
+            param={{ name: 'onClick' }}
             eventMeta={{ displayName: 'On click' }}
             definition={action.onClick}
             eventUpdated={this.actionButtonEventUpdated}
diff --git a/frontend/src/Editor/Inspector/Elements/Color.jsx b/frontend/src/Editor/Inspector/Elements/Color.jsx
index db5d9b0aba..37f38d1677 100644
--- a/frontend/src/Editor/Inspector/Elements/Color.jsx
+++ b/frontend/src/Editor/Inspector/Elements/Color.jsx
@@ -15,7 +15,7 @@ export const Color = ({
     left: '0px'
   };
 
-  const paramMeta = componentMeta[paramType][param.name];
+  const paramMeta = componentMeta[paramType][param.name] || {};
   const displayName = paramMeta.displayName || param.name;
 
   return (
diff --git a/frontend/src/_helpers/appUtils.js b/frontend/src/_helpers/appUtils.js
index fa3aee7176..92d69380a5 100644
--- a/frontend/src/_helpers/appUtils.js
+++ b/frontend/src/_helpers/appUtils.js
@@ -134,8 +134,12 @@ export function onEvent(_ref, eventName, options) {
         }
       }
     }, () => {
-      if (event.actionId) {
-        executeAction(_self, event);
+      if(event) {
+        if (event.actionId) {
+          executeAction(_self, event);
+        }
+      } else { 
+        console.log('No action is associated with this event');
       }
     });
   }