From 6a1c3390e19cd7fe3db059bc100b4f27087469a8 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Mon, 15 Sep 2025 18:17:44 +0800
Subject: [PATCH] Fix default value placeholder for fields with foreign keys
 (#38693)

---
 .../SidePanelEditor/RowEditor/InputField.tsx          | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/InputField.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/InputField.tsx
index c996cedac0e..1c13e580b23 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/InputField.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/InputField.tsx
@@ -100,7 +100,7 @@ const InputField = ({
       <Input
         data-testid={`${field.name}-input`}
         layout="horizontal"
-        placeholder="NULL"
+        placeholder={field.defaultValue !== null ? `Default: ${field.defaultValue}` : 'NULL'}
         label={field.name}
         value={field.value ?? ''}
         descriptionText={
@@ -168,11 +168,10 @@ const InputField = ({
           placeholder={
             field.value === null && field.defaultValue === null
               ? 'NULL'
-              : field.value === ''
+              : field.value === '' ||
+                  (typeof field.defaultValue === 'string' && field.defaultValue.length === 0)
                 ? 'EMPTY'
-                : typeof field.defaultValue === 'string' && field.defaultValue.length === 0
-                  ? 'EMPTY'
-                  : `NULL (Default: ${field.defaultValue})`
+                : `Default: ${field.defaultValue}`
           }
           actions={
             <DropdownMenu>
@@ -216,7 +215,7 @@ const InputField = ({
         }
         labelOptional={field.format}
         disabled={!isEditable || isTruncated}
-        placeholder={field?.defaultValue ?? 'NULL'}
+        placeholder={!!field?.defaultValue ? `Default: ${field.defaultValue}` : 'NULL'}
         error={errors[field.name]}
         onChange={(event: any) => onUpdateField({ [field.name]: event.target.value })}
         actions={