orbital-discussion 0.1.1

Composable discussion and reply-thread components for Orbital
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
57
58
59
60
61
62
63
64
65

use leptos::prelude::*;
use orbital_core_components::{Spinner, SpinnerSize, Tag, TagAppearance, TagSize};

use crate::DiscussionReplyStatus;

/// Inline delivery/streaming status for a reply row header.
#[component]
pub fn DiscussionReplyStatusIndicator(
    reply_id: String,
    status: DiscussionReplyStatus,
) -> impl IntoView {
    let testid = format!("discussion-reply-status-{reply_id}");

    match status {
        DiscussionReplyStatus::Ready => view! { <span></span> }.into_any(),
        DiscussionReplyStatus::Sending => view! {
            <span
                class="orbital-discussion__reply-status orbital-discussion__reply-status--sending"
                data-testid=testid
                data-status="sending"
            >
                <Spinner size=Signal::derive(|| SpinnerSize::ExtraTiny) label=Signal::derive(|| "Sending".to_string()) />
                <Tag
                    class="orbital-discussion__reply-status-tag".to_string()
                    appearance=Signal::derive(|| TagAppearance::Outline)
                    size=Signal::derive(|| TagSize::ExtraSmall)
                >
                    "Sending…"
                </Tag>
            </span>
        }
        .into_any(),
        DiscussionReplyStatus::Streaming => view! {
            <span
                class="orbital-discussion__reply-status orbital-discussion__reply-status--streaming"
                data-testid=testid
                data-status="streaming"
            >
                <Spinner size=Signal::derive(|| SpinnerSize::ExtraTiny) label=Signal::derive(|| "Streaming".to_string()) />
                <Tag
                    class="orbital-discussion__reply-status-tag".to_string()
                    appearance=Signal::derive(|| TagAppearance::Brand)
                    size=Signal::derive(|| TagSize::ExtraSmall)
                >
                    "Streaming…"
                </Tag>
            </span>
        }
        .into_any(),
        DiscussionReplyStatus::Error(message) => {
            let error_title = message.clone();
            view! {
                <span
                    class="orbital-discussion__reply-status orbital-discussion__reply-status--error"
                    data-testid=testid
                    data-status="error"
                    title=error_title
                >
                    {message}
                </span>
            }
            .into_any()
        }
    }
}