+ {/* Before an image is uploaded the value is empty, and an empty src makes the
+ browser refetch the page. */}
+ {half.image ? : null}
+
+
+ );
+ };
+
+ return (
+
+ {halves.map((half: DoubleBannerHalf, index: number) => {
+ const content = renderHalf(half, index);
+ // Every half after the first mirrors the previous one: image towards the middle.
+ const halfClassName = clsx('c-block-double-banner__half', {
+ 'c-block-double-banner__half--mirrored': index % 2 === 1,
+ });
+
+ // generateSmartLink returns a bare fragment for an empty action, which drops the
+ // halfClassName and with it the whole layout. Keep the wrapper in that case, so the
+ // editor sees the real layout before the destination is filled in.
+ if (!half.link?.value) {
+ return (
+ // biome-ignore lint/suspicious/noArrayIndexKey: the halves have no id of their own
+
+ {content}
+
+ );
+ }
+
+ return (
+ // biome-ignore lint/suspicious/noArrayIndexKey: the halves have no id of their own
+
+ {generateSmartLink(
+ { ...half.link, target: LinkTarget.Self },
+ content,
+ undefined,
+ halfClassName
+ )}
+
+ );
+ })}
+