hide pickup header when pickup items empty

app/index.html

@@ -183,7 +183,7 @@
         <!-- dashboard -->
         <!-- dashboard -->
         <section class="container-fluid main-section">
         <section class="container-fluid main-section">
             <main>
             <main>
-                <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="pickupHeaderTitle">ピックアップ</h2>
+                <h2 id="pickupHeader" class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="pickupHeaderTitle">ピックアップ</h2>
                 <div class="item-wrap" id="pickupItems">
                 <div class="item-wrap" id="pickupItems">
                 </div>
                 </div>
     
     

app/script/check-dashboard.js

@@ -20,6 +20,12 @@ CHK_Dashboard.initPickups = function() {
             $("#pickupItems").append(html);
             $("#pickupItems").append(html);
         }
         }
     });
     });
+    //pickup empty
+    if ($("#pickupItems").children().length > 0) {
+        $("#pickupHeader").removeClass('d-none');
+    } else {
+        $("#pickupHeader").addClass('d-none');
+    }
 }
 }
 
 
 CHK_Dashboard.initCommunications = function() {
 CHK_Dashboard.initCommunications = function() {