# post-carousel/4.0.7/src/blocks/taxonomy/edit.js

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 4.0.7. 62 lines.

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.7/code/src/blocks/taxonomy/edit.js
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.7/raw/src/blocks/taxonomy/edit.js
- Modified: 2026-04-24T11:48:54+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/post-carousel/4.0.7/code/src/blocks/taxonomy/edit.js#L10-L20`.

```javascript
import { useEffect, useMemo } from "@wordpress/element";
import { jsonStringify } from "../shared/helpFn";
import { useBlockProps } from "@wordpress/block-editor";
import { InspectorControl } from "../../components";
import Inspector from "./inspect";
import { TogglePanelBodyProvider } from "../../context";
import { panelBodyRightIcon, panelBodyTitleIcon } from "../../icons/icons";
import Render from "./Render";
import dynamicCssFn from "./dynamicCss";
import { googleFonts, useDeviceType } from "../../controls/controls";
import { compose } from "@wordpress/compose";
import addInitialAttr from "../shared/addInitialAttr";
const TaxonomyEdit = ({ attributes, setAttributes }) => {
	const currentDevice = useDeviceType();
	const blockProps = useBlockProps();
	const { blockName, uniqueId, additionalCssClass, equalHeightEnable, titleTypography, fontListsEditPage } =
		attributes;

	const blockStyling = useMemo(
		() => dynamicCssFn(attributes, "frontend", currentDevice),
		[attributes, currentDevice]
	);

	const googleFontLists = [titleTypography];

	useEffect(() => {
		setAttributes({
			fontLists: jsonStringify(googleFonts(googleFontLists, "frontend")),
			fontListsEditPage: googleFonts(googleFontLists),
		});
	}, googleFontLists);

	return (
		<div {...blockProps}>
			<style>
				{fontListsEditPage}
				{blockStyling}
			</style>
			<TogglePanelBodyProvider>
				<InspectorControl
					TitleIcon={panelBodyTitleIcon}
					RightIcon={panelBodyRightIcon}
					attributes={attributes}
					setAttributes={setAttributes}
					Inspector={Inspector}
				/>

				<div
					id={uniqueId}
					className={`sp-smart-post-wrapper ${additionalCssClass} sp-smart-${blockName}-editor-page sp-smart-post-${blockName} ${
						equalHeightEnable ? "sp-smart-post-show-equal-height" : ""
					}`}
				>
					<Render attributes={attributes} />
				</div>
			</TogglePanelBodyProvider>
		</div>
	);
};

export default compose(addInitialAttr)(TaxonomyEdit);

```