diff --git a/src/web/src/app/+options/accounts.component.html b/src/web/src/app/+options/accounts.component.html index e767add20..e7e57156b 100644 --- a/src/web/src/app/+options/accounts.component.html +++ b/src/web/src/app/+options/accounts.component.html @@ -12,3 +12,8 @@ +
+
+ Reordering ... +
+
diff --git a/src/web/src/app/+options/accounts.component.ts b/src/web/src/app/+options/accounts.component.ts index 5d3417005..8e458d8ef 100644 --- a/src/web/src/app/+options/accounts.component.ts +++ b/src/web/src/app/+options/accounts.component.ts @@ -14,8 +14,9 @@ import {State} from "src/web/src/app/store/reducers/options"; styleUrls: ["./accounts.component.scss"], }) export class AccountsComponent implements OnDestroy { - public accounts$ = this.store.select(OptionsSelectors.SETTINGS.accounts); - public reorderingGroup = "accounts"; + accounts$ = this.store.select(OptionsSelectors.SETTINGS.accounts); + changingAccountOrder$ = this.store.select(OptionsSelectors.FEATURED.progress).pipe(map((p) => !!p.changingAccountOrder)); + reorderingGroup = "accounts"; @HostBinding("class.reordering-disabled") reorderingDisabled: boolean = true; private subscription = new Subscription(); @@ -25,11 +26,8 @@ export class AccountsComponent implements OnDestroy { private dragulaService: DragulaService, ) { this.subscription.add( - this.store.select(OptionsSelectors.FEATURED.progress) - .pipe( - map((progress) => !!progress.changingAccountOrder), - withLatestFrom(this.accounts$), - ) + this.changingAccountOrder$ + .pipe(withLatestFrom(this.accounts$)) .subscribe(([value, accounts]) => this.reorderingDisabled = value || accounts.length < 2), );