show spinner in room list while accepting or rejecting invite

This commit is contained in:
Bruno Windels 2021-04-21 17:50:22 +02:00
parent ac312cbdc7
commit b4ad6142f4
2 changed files with 9 additions and 2 deletions

View file

@ -276,7 +276,7 @@ a.button-action {
} }
.RoomList .description { .RoomList .description {
align-items: baseline; align-items: center;
} }
.RoomList .name.unread { .RoomList .name.unread {

View file

@ -17,6 +17,7 @@ limitations under the License.
import {TemplateView} from "../../general/TemplateView.js"; import {TemplateView} from "../../general/TemplateView.js";
import {renderStaticAvatar} from "../../avatar.js"; import {renderStaticAvatar} from "../../avatar.js";
import {spinner} from "../../common.js";
export class InviteTileView extends TemplateView { export class InviteTileView extends TemplateView {
render(t, vm) { render(t, vm) {
@ -29,7 +30,13 @@ export class InviteTileView extends TemplateView {
renderStaticAvatar(vm, 32), renderStaticAvatar(vm, 32),
t.div({className: "description"}, [ t.div({className: "description"}, [
t.div({className: "name"}, vm.name), t.div({className: "name"}, vm.name),
t.div({className: "badge highlighted"}, "!"), t.map(vm => vm.busy, busy => {
if (busy) {
return spinner(t);
} else {
return t.div({className: "badge highlighted"}, "!");
}
})
]) ])
]) ])
]); ]);