From 1f84e61da8df0c40ede4481883f8426368330c82 Mon Sep 17 00:00:00 2001
From: Anis Hamal <73131641+AndrewHamal@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:39:22 +0545
Subject: [PATCH] Added "Select an option" as default none selector on Workflow
 Visualizer (#7867)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## What does this PR do?
Shows "Select an option" as a default selector on the select component
for the trigger step in the workflow visualizer

Fixes #7432

<img width="1470" alt="Screenshot 2024-10-20 at 12 48 39 AM"
src="https://github.com/user-attachments/assets/189c2a7a-8abd-4411-90b4-d0e1de487fd5">
<img width="1470" alt="Screenshot 2024-10-20 at 12 48 50 AM"
src="https://github.com/user-attachments/assets/f451068c-0184-40cb-9cab-f139df400cc6">

---------

Co-authored-by: Devessier <baptiste@devessier.fr>
---
 .../src/modules/workflow/components/WorkflowEditTriggerForm.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowEditTriggerForm.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowEditTriggerForm.tsx
index 0a2d8eeb8..6ff8d1a84 100644
--- a/packages/twenty-front/src/modules/workflow/components/WorkflowEditTriggerForm.tsx
+++ b/packages/twenty-front/src/modules/workflow/components/WorkflowEditTriggerForm.tsx
@@ -114,6 +114,7 @@ export const WorkflowEditTriggerForm = ({
           fullWidth
           disabled={readonly}
           value={triggerEvent?.objectType}
+          emptyOption={{ label: 'Select an option', value: '' }}
           options={availableMetadata}
           onChange={(updatedRecordType) => {
             if (readonly === true) {
@@ -143,6 +144,7 @@ export const WorkflowEditTriggerForm = ({
           label="Event type"
           fullWidth
           value={triggerEvent?.event}
+          emptyOption={{ label: 'Select an option', value: '' }}
           options={OBJECT_EVENT_TRIGGERS}
           disabled={readonly}
           onChange={(updatedEvent) => {