diff --git a/apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.ts b/apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.ts index 69f1713186a..5166f66c930 100644 --- a/apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.ts +++ b/apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.ts @@ -192,7 +192,12 @@ export class AccessSelectorComponent implements ControlValueAccessor, OnInit, On /** * Enable Flexible Collections changes (feature flag) */ - @Input() flexibleCollectionsEnabled: boolean; + @Input() set flexibleCollectionsEnabled(value: boolean) { + this._flexibleCollectionsEnabled = value; + this.permissionList = getPermissionList(value); + } + + private _flexibleCollectionsEnabled: boolean; constructor( private readonly formBuilder: FormBuilder, @@ -257,7 +262,7 @@ export class AccessSelectorComponent implements ControlValueAccessor, OnInit, On } async ngOnInit() { - this.permissionList = getPermissionList(this.flexibleCollectionsEnabled); + this.permissionList = getPermissionList(this._flexibleCollectionsEnabled); // Watch the internal formArray for changes and propagate them this.selectionList.formArray.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((v) => { if (!this.notifyOnChange || this.pauseChangeNotification) {