daisy_rsx 0.1.56

Daisy UI components for the Dioxus Rust library.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

#![allow(non_snake_case)]
use std::fmt::Display;

use dioxus::prelude::*;

#[derive(Default, Copy, Clone, Debug, PartialEq, Eq)]
pub enum RelativeTimeFormat {
    Datetime,
    #[default]
    Relative,
    Duration,
    Auto,
    Micro,
    Elapsed,
}

impl Display for RelativeTimeFormat {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
        match self {
            RelativeTimeFormat::Datetime => write!(f, "datetime"),
            RelativeTimeFormat::Relative => write!(f, "relative"),
            RelativeTimeFormat::Duration => write!(f, "duration"),
            RelativeTimeFormat::Auto => write!(f, "auto"),
            RelativeTimeFormat::Micro => write!(f, "micro"),
            RelativeTimeFormat::Elapsed => write!(f, "elapsed"),
        }
    }
}

#[derive(Props, Clone, PartialEq)]
pub struct RelativeTimeProps {
    format: Option<RelativeTimeFormat>,
    datetime: String,
}

#[component]
pub fn RelativeTime(props: RelativeTimeProps) -> Element {
    let format = props.format.unwrap_or_default();

    rsx!(
        relative-time { datetime: props.datetime, format: format.to_string() }
    )
}

#[test]
fn test_relative_time() {
    let props = RelativeTimeProps {
        datetime: "2024-01-01".to_string(),
        format: Some(RelativeTimeFormat::Datetime),
    };

    let expected = r#"<relative-time datetime="2024-01-01" format="datetime"></relative-time>"#;
    let result = dioxus_ssr::render_element(RelativeTime(props));
    // println!("{}", result);
    assert_eq!(expected, result);
}