Display image source url

t-hamano · Oct 15, 2023 · a61eb7a · a61eb7a
1 parent 8d2fa39
commit a61eb7a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/editor.scss b/src/editor.scss
@@ -89,3 +89,8 @@
 	flex-grow: 1;
 	justify-content: center;
 }
+
+.enable-responsive-image__url {
+	color: $gray-700;
+	font-size: 12px;
+}
diff --git a/src/source-editor.tsx b/src/source-editor.tsx
@@ -17,6 +17,7 @@ import { MediaUpload, store as blockEditorStore } from '@wordpress/block-editor'
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { chevronUp, chevronDown } from '@wordpress/icons';
+import { filterURLForDisplay } from '@wordpress/url';
 import type { Media, Source } from './types';
 
 /**
@@ -188,6 +189,7 @@ export default function SourceEditor( {
 			/>
 			{ !! id && srcset && (
 				<>
+					<div className="enable-responsive-image__url">{ filterURLForDisplay( srcset, 35 ) }</div>
 					<ToggleGroupControl
 						__nextHasNoMarginBottom
 						isBlock