@wordpress/block-library/src/term-description/edit.js

Block library for the WordPress editor.

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { useBlockProps } from '@wordpress/block-editor';

/**
 * Internal dependencies
 */
import { useTermDescription } from './use-term-description';

export default function TermDescriptionEdit( {
	context: { termId, taxonomy },
} ) {
	const { termDescription } = useTermDescription( termId, taxonomy );
	const blockProps = useBlockProps();

	return (
		<>
			<div { ...blockProps }>
				{ termDescription ? (
					<div
						dangerouslySetInnerHTML={ { __html: termDescription } }
					/>
				) : (
					<div className="wp-block-term-description__placeholder">
						<span>{ __( 'Term Description' ) }</span>
					</div>
				) }
			</div>
		</>
	);
}