From 78d63a3fe87b5b0fe89f6b2c32f611043af92465 Mon Sep 17 00:00:00 2001
From: Naifer <161821705+omarNaifer12@users.noreply.github.com>
Date: Tue, 10 Jun 2025 11:20:46 +0100
Subject: [PATCH] fix(frontend):Prevent record type select dropdown from
 opening when viewing a workflow version (#12495)

Closes #12003


https://github.com/user-attachments/assets/07561cf6-a45d-4f7e-815e-550421d1bd9f
---
 .../WorkflowEditTriggerDatabaseEventForm.tsx  | 121 +++++++++---------
 1 file changed, 61 insertions(+), 60 deletions(-)

diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx
index 35b16c308..dd2f9c2c3 100644
--- a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx
+++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx
@@ -198,66 +198,67 @@ export const WorkflowEditTriggerDatabaseEventForm = ({
             }
             dropdownComponents={
               <>
-                {isSystemObjectsOpen ? (
-                  <DropdownContent>
-                    <DropdownMenuHeader
-                      StartComponent={
-                        <DropdownMenuHeaderLeftComponent
-                          onClick={handleBack}
-                          Icon={IconChevronLeft}
-                        />
-                      }
-                    >
-                      <Trans>Advanced</Trans>
-                    </DropdownMenuHeader>
-                    <DropdownMenuSearchInput
-                      autoFocus
-                      value={searchInputValue}
-                      onChange={handleSearchInputChange}
-                    />
-                    <DropdownMenuSeparator />
-                    <DropdownMenuItemsContainer hasMaxHeight>
-                      {filteredSystemObjects.map((option) => (
-                        <MenuItem
-                          key={option.value}
-                          LeftIcon={option.Icon}
-                          text={option.label}
-                          onClick={() => handleOptionClick(option.value)}
-                        />
-                      ))}
-                    </DropdownMenuItemsContainer>
-                  </DropdownContent>
-                ) : (
-                  <DropdownContent>
-                    <DropdownMenuSearchInput
-                      autoFocus
-                      value={searchInputValue}
-                      onChange={handleSearchInputChange}
-                    />
-                    <DropdownMenuSeparator />
-                    <DropdownMenuItemsContainer hasMaxHeight>
-                      {filteredRegularObjects.map((option) => (
-                        <MenuItem
-                          key={option.value}
-                          LeftIcon={option.Icon}
-                          text={option.label}
-                          onClick={() => handleOptionClick(option.value)}
-                        />
-                      ))}
-                      {(!searchInputValue ||
-                        'advanced'.includes(
-                          searchInputValue.toLowerCase(),
-                        )) && (
-                        <MenuItem
-                          text="Advanced"
-                          LeftIcon={IconSettings}
-                          onClick={handleSystemObjectsClick}
-                          hasSubMenu
-                        />
-                      )}
-                    </DropdownMenuItemsContainer>
-                  </DropdownContent>
-                )}
+                {!triggerOptions.readonly &&
+                  (isSystemObjectsOpen ? (
+                    <DropdownContent>
+                      <DropdownMenuHeader
+                        StartComponent={
+                          <DropdownMenuHeaderLeftComponent
+                            onClick={handleBack}
+                            Icon={IconChevronLeft}
+                          />
+                        }
+                      >
+                        <Trans>Advanced</Trans>
+                      </DropdownMenuHeader>
+                      <DropdownMenuSearchInput
+                        autoFocus
+                        value={searchInputValue}
+                        onChange={handleSearchInputChange}
+                      />
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItemsContainer hasMaxHeight>
+                        {filteredSystemObjects.map((option) => (
+                          <MenuItem
+                            key={option.value}
+                            LeftIcon={option.Icon}
+                            text={option.label}
+                            onClick={() => handleOptionClick(option.value)}
+                          />
+                        ))}
+                      </DropdownMenuItemsContainer>
+                    </DropdownContent>
+                  ) : (
+                    <DropdownContent>
+                      <DropdownMenuSearchInput
+                        autoFocus
+                        value={searchInputValue}
+                        onChange={handleSearchInputChange}
+                      />
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItemsContainer hasMaxHeight>
+                        {filteredRegularObjects.map((option) => (
+                          <MenuItem
+                            key={option.value}
+                            LeftIcon={option.Icon}
+                            text={option.label}
+                            onClick={() => handleOptionClick(option.value)}
+                          />
+                        ))}
+                        {(!searchInputValue ||
+                          'advanced'.includes(
+                            searchInputValue.toLowerCase(),
+                          )) && (
+                          <MenuItem
+                            text="Advanced"
+                            LeftIcon={IconSettings}
+                            onClick={handleSystemObjectsClick}
+                            hasSubMenu
+                          />
+                        )}
+                      </DropdownMenuItemsContainer>
+                    </DropdownContent>
+                  ))}
               </>
             }
             dropdownHotkeyScope={{ scope: SelectHotkeyScope.Select }}