Uspojnienie zachowania w konfiguracji dodatków dla internetu

src/islands/Internet/InternetAddonsModal.jsx

@@ -18,12 +18,23 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
   // czy akordeon internetu (fiber) jest rozwinięty
   const [baseOpen, setBaseOpen] = useState(true);
 
-   const formatFeatureValue = (val) => {
+  const formatFeatureValue = (val) => {
     if (val === true || val === "true") return "✓";
     if (val === false || val === "false" || val == null) return "✕";
     return val;
   };
 
+  const handlePhoneSelect = (id) => {
+    if (id === null) {
+      setSelectedPhoneId(null);
+      setOpenPhoneId(null);
+      return;
+    }
+
+    setSelectedPhoneId(id);
+    setOpenPhoneId((prev) => (prev === id ? null : id));
+  };
+
   // reset wyborów po otwarciu nowego planu
   useEffect(() => {
     if (!isOpen) return;
@@ -182,10 +193,7 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
                       <button
                         type="button"
                         class="fuz-accordion-header"
-                        onClick={() => {
+                        onClick={() => handlePhoneSelect(null)}
-                          setSelectedPhoneId(null);
-                          setOpenPhoneId(null);
-                        }}
                       >
                         <span class="fuz-accordion-header-left">
                           <input
@@ -194,8 +202,7 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
                             checked={selectedPhoneId === null}
                             onChange={(e) => {
                               e.stopPropagation();
-                              setSelectedPhoneId(null);
+                              handlePhoneSelect(null);
-                              setOpenPhoneId(null);
                             }}
                             onClick={(e) => e.stopPropagation()}
                           />
@@ -207,6 +214,7 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
                       </button>
                     </div>
 
+
                     {/* LISTA PAKIETÓW TELEFONICZNYCH */}
                     {phonePlans.map((p) => {
                       const isSelected = selectedPhoneId === p.id;
@@ -214,15 +222,14 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
 
                       return (
                         <div
-                          class={`fuz-accordion-item ${
+                          class={`fuz-accordion-item ${isOpen ? "is-open" : ""
-                            isOpen ? "is-open" : ""
+                            }`}
-                          }`}
                           key={p.id}
                         >
                           <button
                             type="button"
                             class="fuz-accordion-header"
-                            onClick={() => togglePhoneOpen(p.id)}
+                            onClick={() => handlePhoneSelect(p.id)}
                           >
                             <span class="fuz-accordion-header-left">
                               <input
@@ -231,7 +238,7 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
                                 checked={isSelected}
                                 onChange={(e) => {
                                   e.stopPropagation();
-                                  setSelectedPhoneId(p.id);
+                                  handlePhoneSelect(p.id);
                                 }}
                                 onClick={(e) => e.stopPropagation()}
                               />