From b93bd0bb9d297b28402e8ea3be5e506f157a42f7 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Thu, 12 Oct 2023 06:02:38 +0800
Subject: [PATCH] Update placeholder text in file-image interface (#20004)

Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch>
---
 .changeset/tidy-pants-clean.md               | 5 +++++
 app/src/interfaces/file-image/file-image.vue | 4 ++--
 app/src/lang/translations/en-US.yaml         | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/tidy-pants-clean.md

diff --git a/.changeset/tidy-pants-clean.md b/.changeset/tidy-pants-clean.md
new file mode 100644
index 0000000000000..78cfa9f6a452d
--- /dev/null
+++ b/.changeset/tidy-pants-clean.md
@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Updated placeholder for file-image interface when it is disabled with no value
diff --git a/app/src/interfaces/file-image/file-image.vue b/app/src/interfaces/file-image/file-image.vue
index 1ba95b2c93416..1a82667e7788d 100644
--- a/app/src/interfaces/file-image/file-image.vue
+++ b/app/src/interfaces/file-image/file-image.vue
@@ -135,8 +135,8 @@ const { createAllowed, updateAllowed } = useRelationPermissionsM2O(relationInfo)
 	<div class="image" :class="[width, { crop }]">
 		<v-skeleton-loader v-if="loading" type="input-tall" />
 
-		<v-notice v-else-if="disabled && !image" class="disabled-placeholder" center icon="block">
-			{{ t('disabled') }}
+		<v-notice v-else-if="disabled && !image" class="disabled-placeholder" center icon="hide_image">
+			{{ t('no_image_selected') }}
 		</v-notice>
 
 		<div v-else-if="image" class="image-preview" :class="{ 'is-svg': image.type && image.type.includes('svg') }">
diff --git a/app/src/lang/translations/en-US.yaml b/app/src/lang/translations/en-US.yaml
index f8b0fc981a2cf..470e07427df0e 100644
--- a/app/src/lang/translations/en-US.yaml
+++ b/app/src/lang/translations/en-US.yaml
@@ -472,6 +472,7 @@ import_from_url: Import File from URL
 replace_from_device: Replace File from Device
 replace_from_library: Replace File from Library
 replace_from_url: Replace File from URL
+no_image_selected: No Image Selected
 no_file_selected: No File Selected
 download_file: Download File
 open_file_in_tab: Open file in new tab