# give/4.17.0/blocks/donation-form-grid/edit/block.js

GiveWP – Donation Plugin and Fundraising Platform, version 4.17.0. 33 lines.

- Page: https://pluginprobe.com/plugins/give/4.17.0/code/blocks/donation-form-grid/edit/block.js
- Raw: https://pluginprobe.com/plugins/give/4.17.0/raw/blocks/donation-form-grid/edit/block.js
- Modified: 2022-03-31T22:56:06+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/give/4.17.0/code/blocks/donation-form-grid/edit/block.js#L10-L20`.

```javascript
/**
 * WordPress dependencies
 */
import { Fragment } from '@wordpress/element';
import ServerSideRender from '@wordpress/server-side-render';
import {withSelect} from '@wordpress/data';

/**
 * Internal dependencies
 */
import Inspector from './inspector';

/**
 * Render Block UI For Editor
 */

const GiveDonationFormGrid = ( props ) => {
	const { attributes } = props;

	return (
		<Fragment>
			<Inspector { ... { ...props } } />
			<ServerSideRender block="give/donation-form-grid" attributes={ attributes } />
		</Fragment>
	);
};

export default withSelect( ( select ) => {
	return {
		forms: select( 'core' ).getEntityRecords( 'postType', 'give_forms' ),
	};
} )( GiveDonationFormGrid );

```