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
use chrono::NaiveDate;
use leptos::prelude::*;
use orbital_core_components::Divider;

/// Chronological date break between reply rows in Flat/Compact modes.
#[component]
pub fn DiscussionDateDivider(date: NaiveDate) -> impl IntoView {
    let label = date.format("%B %d, %Y").to_string();
    let label_attr = label.clone();

    view! {
        <div class="orbital-discussion__date-divider" role="separator" data-date-divider=label_attr>
            <Divider class="orbital-discussion__date-divider-line".to_string() />
            <span class="orbital-discussion__date-divider-label">{label}</span>
            <Divider class="orbital-discussion__date-divider-line".to_string() />
        </div>
    }
}