# top-10/4.5.1/includes/frontend/blocks/src/post-count/edit.js

WebberZone Top 10 — Popular Posts, version 4.5.1. 40 lines.

- Page: https://pluginprobe.com/plugins/top-10/4.5.1/code/includes/frontend/blocks/src/post-count/edit.js
- Raw: https://pluginprobe.com/plugins/top-10/4.5.1/raw/includes/frontend/blocks/src/post-count/edit.js
- Modified: 2026-09-19T08:21:24+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/top-10/4.5.1/code/includes/frontend/blocks/src/post-count/edit.js#L10-L20`.

```javascript
/**
 * External dependencies
 */
import clsx from 'clsx';

/**
 * WordPress dependencies
 */
import { useBlockProps } from '@wordpress/block-editor';
import './editor.scss';
import './style.scss';

import Controls from './controls';
import PostCountBlock from './post-count-block';

export default function Edit( { context, attributes, setAttributes } ) {
	const { textAlign } = attributes;

	const blockProps = useBlockProps( {
		className: clsx( 'wp-block-tptn-post-count', 'tptn-post-count', {
			[ `has-text-align-${ textAlign }` ]: textAlign,
			'tptn-advanced-mode': attributes.advancedMode,
		} ),
	} );

	return (
		<>
			<Controls
				attributes={ attributes }
				setAttributes={ setAttributes }
			/>
			<PostCountBlock
				attributes={ attributes }
				context={ context }
				blockProps={ blockProps }
			/>
		</>
	);
}

```