fix: remove "click to add" instruction from placeholders in non-editable mode

Previously, block title placeholders would show "click to add a title" even when not editable, which was misleading since users couldn't actually edit. Now they show just the block type (e.g. "Python", "SQL", etc.) to provide context while removing the interactive instruction that doesn't apply in non-editable mode.

Changes made to:
- Python block
- SQL block
- Visualization block
- Pivot Table block
- Writeback block

Author: vieiralucas

apps/web/src/components/v2Editor/customBlocks/pivotTable/index.tsx

@@ -489,7 +489,7 @@ function PivotTableBlock(props: Props) {
                   className={clsx(
                     'text-sm font-sans font-medium pl-1 ring-gray-200 focus:ring-gray-400 block w-full rounded-md border-0 text-gray-800 hover:ring-1 focus:ring-1 ring-inset focus:ring-inset placeholder:text-gray-400 focus:ring-inset py-0 disabled:ring-0 h-2/3 bg-transparent focus:bg-white'
                   )}
-                  placeholder="Pivot Table (click to add a title)"
+                  placeholder={props.isEditable ? "Pivot Table (click to add a title)" : "Pivot Table"}
                   value={attrs.title}
                   onChange={onChangeTitle}
                   disabled={!props.isEditable}

apps/web/src/components/v2Editor/customBlocks/python/index.tsx

@@ -511,7 +511,7 @@ function PythonBlock(props: Props) {
                   className={clsx(
                     'text-sm font-sans font-medium pl-1 ring-gray-200 focus:ring-gray-400 block w-full rounded-md border-0 text-gray-800 hover:ring-1 focus:ring-1 ring-inset focus:ring-inset placeholder:text-gray-400 focus:ring-inset py-0 disabled:ring-0 h-2/3 bg-transparent focus:bg-white'
                   )}
-                  placeholder="Python (click to add a title)"
+                  placeholder={props.isEditable ? "Python (click to add a title)" : "Python"}
                   value={title}
                   disabled={!props.isEditable}
                   onChange={onChangeTitle}

apps/web/src/components/v2Editor/customBlocks/sql/index.tsx

@@ -822,7 +822,7 @@ function SQLBlock(props: Props) {
                   className={clsx(
                     'text-sm font-sans font-medium pl-1 ring-gray-200 focus:ring-gray-400 block w-full rounded-md border-0 text-gray-800 hover:ring-1 focus:ring-1 ring-inset focus:ring-inset placeholder:text-gray-400 focus:ring-inset py-0 disabled:ring-0 h-2/3 bg-transparent focus:bg-white'
                   )}
-                  placeholder="SQL (click to add a title)"
+                  placeholder={props.isEditable ? "SQL (click to add a title)" : "SQL"}
                   value={title}
                   onChange={onChangeTitle}
                   disabled={!props.isEditable}

apps/web/src/components/v2Editor/customBlocks/visualization/index.tsx

@@ -685,7 +685,7 @@ function VisualizationBlock(props: Props) {
                   className={clsx(
                     'text-sm font-sans font-medium pl-1 ring-gray-200 focus:ring-gray-400 block w-full rounded-md border-0 text-gray-800 hover:ring-1 focus:ring-1 ring-inset focus:ring-inset placeholder:text-gray-400 focus:ring-inset py-0 disabled:ring-0 h-2/3 bg-transparent focus:bg-white'
                   )}
-                  placeholder="Visualization (click to add a title)"
+                  placeholder={props.isEditable ? "Visualization (click to add a title)" : "Visualization"}
                   value={title}
                   onChange={onChangeTitle}
                   disabled={!props.isEditable}

apps/web/src/components/v2Editor/customBlocks/writeback/index.tsx

@@ -247,7 +247,7 @@ function WritebackBlock(props: Props) {
                   className={clsx(
                     'text-sm font-sans font-medium pl-1 ring-gray-200 focus:ring-gray-400 block w-full rounded-md border-0 text-gray-800 hover:ring-1 focus:ring-1 ring-inset focus:ring-inset placeholder:text-gray-400 focus:ring-inset py-0 disabled:ring-0 h-2/3 bg-transparent focus:bg-white'
                   )}
-                  placeholder="Writeback (click to add a title)"
+                  placeholder={props.isEditable ? "Writeback (click to add a title)" : "Writeback"}
                   value={title}
                   onChange={onChangeTitle}
                   disabled={!props.isEditable}