add visible joining indicator

src/components/common/messaging/embed/EmbedInvite.tsx

@@ -106,6 +106,11 @@ export default function EmbedInvite(props: Props) {
                 {invite.member_count} members
             </EmbedInviteMemberCount>
         </EmbedInviteDetails>
+        {processing ? (
+            <div>
+                <Preloader type="ring" />
+            </div>
+        ) : (
             <Button onClick={async () => {
                 try {
                     setProcessing(true);
@@ -143,6 +148,7 @@ export default function EmbedInvite(props: Props) {
                     }
 
                     await client.joinInvite(code);
+                    setProcessing(false);
                 } catch (err) {
                     setError(takeError(err));
                     setProcessing(false);
@@ -150,5 +156,6 @@ export default function EmbedInvite(props: Props) {
             }}>
                 {client.servers.get(invite.server_id) ? "Joined" : "Join"}
             </Button>
+        )}
     </EmbedInviteBase>
 }