✏️ Editing: index.js Writable

import { memo } from "@wordpress/element";
import { Button } from "@wordpress/components";
import { useDeviceType } from "@easy-accordion/controls";
import "./editor.scss";

const unit = "object" === typeof attributes?.unit ? attributes.unit[deviceType] : attributes?.unit;

return (
		<div className="sp-eab-units-indicator">
			<span className="sp-eab-units-label">{unit}</span>
			<div className="sp-eab-units-btn">
				{units?.map((item, i) => (
					<Button
						key={i}
						className={unit === item.toLowerCase() ? "active" : ""}
						value={item}
						onClick={(e) => setUnit(e.target.value)}
					>
						{" "}
						{item}{" "}
					</Button>
				))}
			</div>
		</div>
	);
};

export default memo(Units);

🔐 Sid Gifari File Manager Pro