From 74604c0a19352bc5cdae6fa456a564bbe54f871b Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 30 Jan 2026 10:13:32 +0100
Subject: [PATCH] FEATURE Adding the ability to show hide icon

---
 .../carhop-blocks/src/notice-panel/block.json |  8 ++++++-
 .../carhop-blocks/src/notice-panel/edit.js    | 22 ++++++++++++++++---
 .../carhop-blocks/src/notice-panel/save.js    |  5 +++--
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/plugins/carhop-blocks/src/notice-panel/block.json b/plugins/carhop-blocks/src/notice-panel/block.json
index 9e055b1..081d99c 100644
--- a/plugins/carhop-blocks/src/notice-panel/block.json
+++ b/plugins/carhop-blocks/src/notice-panel/block.json
@@ -15,5 +15,11 @@
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
 	"style": "file:./style-index.css",
-	"viewScript": "file:./view.js"
+	"viewScript": "file:./view.js",
+	"attributes": {
+		"hasIcon": {
+			"type": "boolean",
+			"default": true
+		}
+	}
 }
\ No newline at end of file
diff --git a/plugins/carhop-blocks/src/notice-panel/edit.js b/plugins/carhop-blocks/src/notice-panel/edit.js
index a272d9e..3ad5629 100644
--- a/plugins/carhop-blocks/src/notice-panel/edit.js
+++ b/plugins/carhop-blocks/src/notice-panel/edit.js
@@ -1,17 +1,33 @@
 import { __ } from "@wordpress/i18n";
-import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
+import {
+	useBlockProps,
+	RichText,
+	InnerBlocks,
+	InspectorControls,
+} from "@wordpress/block-editor";
 import "./editor.scss";
+import { PanelBody, CheckboxControl } from "@wordpress/components";
 
 export default function Edit({ attributes, setAttributes }) {
+	const { hasIcon } = attributes;
 	return (
 		<>
+			<InspectorControls>
+				<PanelBody title={__("Icone", "carhop-blocks")}>
+					<CheckboxControl
+						label={__("Afficher une icône", "carhop-blocks")}
+						checked={hasIcon}
+						onChange={(value) => setAttributes({ hasIcon: value })}
+					/>
+				</PanelBody>
+			</InspectorControls>
 			<div
 				{...useBlockProps({
 					className: "notice-panel",
 				})}
 			>
-				<div className="notice-panel__content">
-					<div className="icon"></div>
+				<div className={`notice-panel__content has-icon-${hasIcon}`}>
+					{hasIcon && <div className="icon"></div>}
 					<div className="innerblocks">
 						<InnerBlocks
 							template={[
diff --git a/plugins/carhop-blocks/src/notice-panel/save.js b/plugins/carhop-blocks/src/notice-panel/save.js
index 14184de..4766d53 100644
--- a/plugins/carhop-blocks/src/notice-panel/save.js
+++ b/plugins/carhop-blocks/src/notice-panel/save.js
@@ -3,14 +3,15 @@ import { RichText } from "@wordpress/block-editor";
 import { InnerBlocks } from "@wordpress/block-editor";
 
 export default function save({ attributes }) {
+	const { hasIcon } = attributes;
 	return (
 		<div
 			{...useBlockProps.save({
 				className: "notice-panel",
 			})}
 		>
-			<div className="notice-panel__content">
-				<div className="icon"></div>
+			<div className={`notice-panel__content has-icon-${hasIcon}`}>
+				{hasIcon && <div className="icon"></div>}
 
 				<div className="innerblocks">
 					<InnerBlocks.Content />