# extendify/trunk/src/Draft/components/stock-images/UnsplashImages.jsx

Extendify, version trunk. 33 lines.

- Page: https://pluginprobe.com/plugins/extendify/trunk/code/src/Draft/components/stock-images/UnsplashImages.jsx
- Raw: https://pluginprobe.com/plugins/extendify/trunk/raw/src/Draft/components/stock-images/UnsplashImages.jsx
- Modified: 2026-02-18T22:27:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/trunk/code/src/Draft/components/stock-images/UnsplashImages.jsx#L10-L20`.

```jsx
import { UnsplashImage } from '@draft/components/stock-images/UnsplashImage';
import { __ } from '@wordpress/i18n';

export const UnsplashImages = ({
	images,
	isInsertingImage,
	onClick,
	loading,
}) => {
	const imageLength = images?.length ?? 10;

	if (!loading && !images.length) {
		return __('No images found.', 'extendify-local');
	}

	return (
		<div className="columns-2 gap-1">
			{Array.from({ length: imageLength }).map((_, idx) => {
				const skeletonHeight = [150, 175, 200];
				return (
					<UnsplashImage
						key={images?.[idx]?.id ?? idx}
						image={images?.[idx]}
						skeletonHeight={skeletonHeight[idx % skeletonHeight.length]}
						isInsertingImage={isInsertingImage}
						onClick={onClick}
					/>
				);
			})}
		</div>
	);
};

```