synpad 0.1.0

A full-featured Matrix chat client built with Dioxus
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

use dioxus::prelude::*;

/// Unread/notification badge component.
#[component]
pub fn UnreadBadge(count: u64, #[props(default = false)] highlight: bool) -> Element {
    let class = if highlight {
        "unread-badge unread-badge--highlight"
    } else {
        "unread-badge"
    };

    let display = if count > 99 {
        "99+".to_string()
    } else {
        count.to_string()
    };

    rsx! {
        span {
            class: "{class}",
            "{display}"
        }
    }
}