From b4ad6142f4d03cf7d27c872013c3a535cdcca47d Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@element.io>
Date: Wed, 21 Apr 2021 17:50:22 +0200
Subject: [PATCH] show spinner in room list while accepting or rejecting invite

---
 src/platform/web/ui/css/themes/element/theme.css        | 2 +-
 src/platform/web/ui/session/leftpanel/InviteTileView.js | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index c5667b53..a053f07e 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -276,7 +276,7 @@ a.button-action {
 }
 
 .RoomList .description {
-    align-items: baseline;
+    align-items: center;
 }
 
 .RoomList .name.unread {
diff --git a/src/platform/web/ui/session/leftpanel/InviteTileView.js b/src/platform/web/ui/session/leftpanel/InviteTileView.js
index 1ac8b40e..09b9401f 100644
--- a/src/platform/web/ui/session/leftpanel/InviteTileView.js
+++ b/src/platform/web/ui/session/leftpanel/InviteTileView.js
@@ -17,6 +17,7 @@ limitations under the License.
 
 import {TemplateView} from "../../general/TemplateView.js";
 import {renderStaticAvatar} from "../../avatar.js";
+import {spinner} from "../../common.js";
 
 export class InviteTileView extends TemplateView {
     render(t, vm) {
@@ -29,7 +30,13 @@ export class InviteTileView extends TemplateView {
                 renderStaticAvatar(vm, 32),
                 t.div({className: "description"}, [
                     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"}, "!");
+                        }
+                    })
                 ])
             ])
         ]);