fix(admin-ui): Update permissions-based display when permissions change

packages/admin-ui/src/app/customer/components/customer-list/customer-list.component.html

@@ -10,7 +10,7 @@
     </vdr-ab-left>
     <vdr-ab-right>
         <vdr-action-bar-items locationId="customer-list"></vdr-action-bar-items>
-        <a class="btn btn-primary" [routerLink]="['./create']">
+        <a class="btn btn-primary" [routerLink]="['./create']" *vdrIfPermissions="'CreateCustomer'">
             <clr-icon shape="plus"></clr-icon>
             {{ 'customer.create-new-customer' | translate }}
         </a>

packages/admin-ui/src/app/shared/directives/if-permissions.directive.spec.ts

@@ -54,7 +54,7 @@ class MockDataService {
     client = {
         userStatus() {
             return {
-                mapSingle: (mapFn: any) =>
+                mapStream: (mapFn: any) =>
                     of(
                         mapFn({
                             userStatus: {

packages/admin-ui/src/app/shared/directives/if-permissions.directive.ts

@@ -42,7 +42,7 @@ export class IfPermissionsDirective extends IfDirectiveBase<[Permission | null]>
             }
             return this.dataService.client
                 .userStatus()
-                .mapSingle(({ userStatus }) => userStatus.permissions.includes(permission))
+                .mapStream(({ userStatus }) => userStatus.permissions.includes(permission))
                 .pipe(tap(() => this.changeDetectorRef.markForCheck()));
         });
     }