From 450a4841c50220b45eb85998840bb0991ee49663 Mon Sep 17 00:00:00 2001
From: Eyuel Berga Woldemichael <30384633+eyuelberga@users.noreply.github.com>
Date: Wed, 25 May 2022 05:36:37 +0300
Subject: [PATCH] Fix hide action options section (#3088)

- add actionLookup object for easy action type lookup
- add conditional render to the Action Options section
---
 frontend/src/Editor/Inspector/EventManager.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/Inspector/EventManager.jsx b/frontend/src/Editor/Inspector/EventManager.jsx
index c2174bb5aa..7f844a0d37 100644
--- a/frontend/src/Editor/Inspector/EventManager.jsx
+++ b/frontend/src/Editor/Inspector/EventManager.jsx
@@ -24,6 +24,8 @@ export const EventManager = ({
     return { name: action.name, value: action.id };
   });
 
+  const actionLookup = Object.fromEntries(ActionTypes.map((actionType) => [actionType.id, actionType]));
+
   let alertTypes = [
     {
       name: 'Info',
@@ -157,9 +159,11 @@ export const EventManager = ({
             </div>
           </div>
 
-          <div className="hr-text" data-cy="action-option">
-            Action options
-          </div>
+          {actionLookup[event.actionId].options?.length > 0 && (
+            <div className="hr-text" data-cy="action-option">
+              Action options
+            </div>
+          )}
           <div>
             {event.actionId === 'show-alert' && (
               <>