showInDirectory, loggingInterceptor, conditional Views props & profs

bizmatch/src/app/components/header/header.component.html

@@ -111,6 +111,7 @@
               >Businesses</a
             >
           </li>
+          @if ((numberOfCommercial$ | async) > 0) {
           <li>
             <a
               routerLink="/commercialPropertyListings"
@@ -120,6 +121,8 @@
               >Properties</a
             >
           </li>
+          }
+          @if ((numberOfBroker$ | async) > 0) {
           <li>
             <a
               routerLink="/brokerListings"
@@ -129,6 +132,7 @@
               >Professionals</a
             >
           </li>
+          }
         </ul>
       </div>
       } @else {
@@ -151,6 +155,7 @@
               >Businesses</a
             >
           </li>
+          @if ((numberOfCommercial$ | async) > 0) {
           <li>
             <a
               routerLink="/commercialPropertyListings"
@@ -160,6 +165,8 @@
               >Properties</a
             >
           </li>
+          }
+          @if ((numberOfBroker$ | async) > 0) {
           <li>
             <a
               routerLink="/brokerListings"
@@ -169,6 +176,7 @@
               >Professionals</a
             >
           </li>
+          }
         </ul>
       </div>
       }
@@ -200,6 +208,7 @@
             >Businesses</a
           >
         </li>
+        @if ((numberOfCommercial$ | async) > 0) {
         <li>
           <a
             routerLinkActive="active-link"
@@ -210,6 +219,8 @@
             >Properties</a
           >
         </li>
+        }
+        @if ((numberOfBroker$ | async) > 0) {
         <li>
           <a
             routerLinkActive="active-link"
@@ -220,6 +231,7 @@
             >Professionals</a
           >
         </li>
+        }
       </ul>
     </div>
   </div>