synpad 0.1.0

A full-featured Matrix chat client built with Dioxus
use dioxus::prelude::*;

/// Welcome screen shown when no room is selected.
#[component]
pub fn Welcome() -> Element {
    rsx! {
        div {
            class: "welcome-screen",
            div {
                class: "welcome-screen__content",
                h1 {
                    class: "welcome-screen__title",
                    "Welcome to Netrix"
                }
                p {
                    class: "welcome-screen__subtitle",
                    "Select a room from the sidebar to start chatting"
                }
                div {
                    class: "welcome-screen__tips",
                    div {
                        class: "welcome-screen__tip",
                        span { class: "welcome-screen__tip-icon", "💬" }
                        p { "Choose a room from the left panel to view messages" }
                    }
                    div {
                        class: "welcome-screen__tip",
                        span { class: "welcome-screen__tip-icon", "🔍" }
                        p { "Use the search bar to find rooms and people" }
                    }
                    div {
                        class: "welcome-screen__tip",
                        span { class: "welcome-screen__tip-icon", "🔒" }
                        p { "Your messages are end-to-end encrypted" }
                    }
                }
            }
        }
    }
}