59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
import { useBlockProps, InnerBlocks } from "@wordpress/block-editor";
|
|
import Image from "../../_components/Image";
|
|
export default function save({ attributes }) {
|
|
let {
|
|
imageAlt,
|
|
imageUrl,
|
|
imageCaption,
|
|
imageDescription,
|
|
imageProportion,
|
|
contentDisposition,
|
|
} = attributes;
|
|
|
|
return (
|
|
<div
|
|
{...useBlockProps.save({
|
|
className: `homegrade-blocks-text-image`,
|
|
})}
|
|
>
|
|
{contentDisposition === "left" && (
|
|
<>
|
|
<div className="homegrade-blocks-text-image__column homegrade-blocks-text-image__column--text">
|
|
<InnerBlocks.Content />
|
|
</div>
|
|
|
|
<div className="homegrade-blocks-text-image__column homegrade-blocks-text-image__column--image">
|
|
<Image
|
|
imageAlt={imageAlt}
|
|
imageUrl={imageUrl}
|
|
imageProportion={imageProportion}
|
|
/>
|
|
{imageDescription && (
|
|
<p className="picture_description">{imageDescription}</p>
|
|
)}
|
|
{imageCaption && <p className="picture_caption">{imageCaption}</p>}
|
|
</div>
|
|
</>
|
|
)}
|
|
{contentDisposition === "right" && (
|
|
<>
|
|
<div className="homegrade-blocks-text-image__column homegrade-blocks-text-image__column--image">
|
|
<Image
|
|
imageAlt={imageAlt}
|
|
imageUrl={imageUrl}
|
|
imageProportion={imageProportion}
|
|
/>
|
|
{imageDescription && (
|
|
<p className="picture_description">{imageDescription}</p>
|
|
)}
|
|
{imageCaption && <p className="picture_caption">{imageCaption}</p>}
|
|
</div>
|
|
<div className="homegrade-blocks-text-image__column homegrade-blocks-text-image__column--text">
|
|
<InnerBlocks.Content />
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|