dioxus-docs-kit 0.4.1

Reusable documentation site shell for Dioxus applications
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

use dioxus::prelude::*;

use crate::blog::registry::BlogRegistry;

/// Author info display (avatar + name).
#[component]
pub fn AuthorInfo(author_id: String) -> Element {
    let registry = use_context::<&'static BlogRegistry>();

    let Some(author) = registry.get_author(&author_id) else {
        return rsx! { span { class: "text-sm text-base-content/50", "{author_id}" } };
    };

    let inner = rsx! {
        div { class: "flex items-center gap-2",
            if let Some(ref avatar) = author.avatar {
                img {
                    src: "{avatar}",
                    alt: "{author.name}",
                    class: "size-6 rounded-full",
                }
            }
            span { class: "font-medium", "{author.name}" }
        }
    };

    if let Some(ref url) = author.url {
        rsx! {
            a {
                href: "{url}",
                target: "_blank",
                rel: "noopener noreferrer",
                class: "hover:text-primary transition-colors",
                {inner}
            }
        }
    } else {
        rsx! { {inner} }
    }
}