Do not display empty notification settings group

client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.html

@@ -1,5 +1,6 @@
 <div *ngIf="webNotifications">
   <ng-container *ngFor="let group of notificationSettingGroups">
+    <ng-container *ngIf="hasNotificationsInGroup(group)">
       <div class="header notification-row">
         <div i18n>{{ group.label }}</div>
         <div i18n>Web</div>
@@ -30,4 +31,5 @@
         </div>
       </ng-container>
     </ng-container>
+  </ng-container>
 </div>

client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.ts

@@ -116,6 +116,10 @@ export class MyAccountNotificationPreferencesComponent implements OnInit {
     return this.user.hasRight(rightToHave)
   }
 
+  hasNotificationsInGroup (group: { keys: (keyof UserNotificationSetting)[] }) {
+    return group.keys.some(k => this.hasUserRight(k))
+  }
+
   getWebLabel (notificationType: keyof UserNotificationSetting) {
     return `Toggle web notification for "${this.labelNotifications[notificationType]}"`
   }