Logout button added.

Also, trying out #[component] macro

src/widgets/mod.rs

@@ -118,6 +118,11 @@ pub fn App(cx: Scope) -> Element {
                     on_join_room: move |x: BareJid| {
                         coroutine.send(NetworkCommand::JoinRoom { room: x });
                     },
+                    on_logout: move |_| {
+                        connection_status.set(LoginStatus::LoggedOut);
+                        current_room.set(None);
+                        coroutine.send(NetworkCommand::Logout);
+                    },
                 }
 
                 // The current room.

src/widgets/sidebar.rs

@@ -18,19 +18,19 @@ use crate::widgets::room_join_widget::RoomJoinWidget;
 use crate::widgets::room_list::RoomList;
 use dioxus::core::{Element, Scope};
 use dioxus::core_macro::Props;
+use dioxus::html::text;
 use dioxus::prelude::*;
 use jid::BareJid;
 
-#[derive(Props)]
-pub struct SideBarProps<'a> {
-    pub rooms: Vec<BareJid>,
-    pub on_room_picked: EventHandler<'a, BareJid>,
-    pub on_room_left: EventHandler<'a, BareJid>,
-    pub on_join_room: EventHandler<'a, BareJid>,
-}
-
 /// A widget that combines the RoomList, RoomJoinWidget, and current user info into a sidebar.
-pub fn SideBar<'a>(cx: Scope<'a, SideBarProps>) -> Element<'a> {
+#[component]
+pub fn SideBar<'a>(cx: Scope<'a, SideBarProps>,
+                   rooms: Vec<BareJid>,
+                   on_room_picked: EventHandler<'a, BareJid>,
+                   on_room_left: EventHandler<'a, BareJid>,
+                   on_join_room: EventHandler<'a, BareJid>,
+                   on_logout: EventHandler<'a, ()>) -> Element<'a> {
+
     render! {
         div {
             padding: "5mm",
@@ -42,6 +42,11 @@ pub fn SideBar<'a>(cx: Scope<'a, SideBarProps>) -> Element<'a> {
             div {
                 border_bottom: "1px solid lightgray",
                 "Mizah"
+
+                button {
+                    onclick: move |_| on_logout.call(()),
+                    "Log out",
+                }
             }
 
             // The list of rooms.

src/xmpp_interface.rs

@@ -43,6 +43,8 @@ pub enum NetworkCommand {
 
     /// Send a message to a recipient.
     SendMessage { recipient: BareJid, message: String },
+
+    Logout,
 }
 
 async fn handle_event(
@@ -142,6 +144,10 @@ pub fn xmpp_mainloop<'a>(
                             NetworkCommand::TryLogin { credentials: _ } => {
                                 panic!("Already logged in.");
                             },
+                            NetworkCommand::Logout => {
+                                agent.disconnect().await;
+                                break;
+                            }
                         }
                     } else {
                         info!("Command channel closed");
@@ -195,7 +201,7 @@ pub async fn run_xmpp_toplevel(
     mut commands: UnboundedReceiver<NetworkCommand>,
 ) {
     // Await a login attempt:
-
+    loop {
         let cmd = commands.next().await;
 
         if let Some(NetworkCommand::TryLogin { credentials }) = cmd {
@@ -223,3 +229,4 @@ pub async fn run_xmpp_toplevel(
             panic!("Expected TryLogin command");
         }
     }
+}