From 0b4abe5b801684afbf5c9d3a118b79b1e7115d36 Mon Sep 17 00:00:00 2001
From: Nathan FONTEYNE <nathan.fonteyne@axians.com>
Date: Wed, 15 Jul 2026 17:53:01 +0200
Subject: [PATCH] fix: .panel container still visible when empty

---
 public/calendar.html  | 2 +-
 public/js/calendar.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/calendar.html b/public/calendar.html
index 6998790..80e2191 100644
--- a/public/calendar.html
+++ b/public/calendar.html
@@ -31,7 +31,7 @@
   </div>
 
   <div id="rehearsals-section" style="display:none">
-    <h2 style="margin:1.5rem 0 0.5rem">Répétitions proposées</h2>
+    <h2 id="rehearsals-title" style="margin:1.5rem 0 0.5rem">Répétitions proposées</h2>
     <div class="panel" id="rehearsals-list"></div>
     <details class="rehearsal-voted-section" id="rehearsals-voted-section" style="display:none">
       <summary id="rehearsals-voted-summary">Répétitions traitées</summary>
diff --git a/public/js/calendar.js b/public/js/calendar.js
index f36b23b..f91fbab 100644
--- a/public/js/calendar.js
+++ b/public/js/calendar.js
@@ -454,6 +454,7 @@ function wireRehearsalActions(container) {
 
 function renderRehearsals() {
   const section = document.getElementById('rehearsals-section');
+  const title = document.getElementById('rehearsals-title');
   const container = document.getElementById('rehearsals-list');
   const votedSection = document.getElementById('rehearsals-voted-section');
   const votedSummary = document.getElementById('rehearsals-voted-summary');
@@ -472,6 +473,8 @@ function renderRehearsals() {
     (r) => me && r.votes.some((v) => v.userId === me.id)
   );
 
+  title.style.display = pending.length ? '' : 'none';
+  container.style.display = pending.length ? '' : 'none';
   container.innerHTML = pending.map(rehearsalRowTemplate).join('');
   wireRehearsalActions(container);