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

use leptos::prelude::*;
use orbital_core_components::{Divider, FlexGap, Stack, StackConfig};

use crate::{use_discussion, DiscussionReply, ReplyRenderContext};

use super::{DiscussionReplyActionMenu, DiscussionReplyButton};

/// Footer region with reply affordance, optional overflow actions, and custom host widgets.
#[component]
pub fn DiscussionReplyFooter(reply: DiscussionReply) -> impl IntoView {
    let ctx = use_discussion();
    let reply_for_button = reply.clone();
    let reply_for_menu = reply.clone();
    let reply_for_footer = reply;

    view! {
        <div class="orbital-discussion__reply-footer">
            <Divider />
            <Stack config=StackConfig::horizontal(FlexGap::Medium)>
                <Stack config=StackConfig::horizontal(FlexGap::Small)>
                    <DiscussionReplyButton reply=reply_for_button />
                    <DiscussionReplyActionMenu reply=reply_for_menu />
                </Stack>
                {move || {
                    ctx.renderers.with_value(|renderers| {
                        renderers
                            .footer_view
                            .as_ref()
                            .map(|view| {
                                view(ReplyRenderContext::new(reply_for_footer.clone())).into_any()
                            })
                    })
                }}
            </Stack>
        </div>
    }
}