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

use leptos::prelude::*;
use orbital_core_components::Button;

use crate::{navigate_focus_back, use_discussion, use_discussion_locale, DiscussionFocus};

/// Go-back bar shown when focus is drilled into a reply branch.
#[component]
pub fn DiscussionFocusBack() -> impl IntoView {
    let ctx = use_discussion();
    let locale = use_discussion_locale();
    let visible = Memo::new(move |_| !matches!(ctx.focus.get(), DiscussionFocus::Root));
    let label = Memo::new(move |_| locale.get().go_back_label.clone());

    view! {
        <Show when=move || visible.get()>
            <div class="orbital-discussion__focus-back">
                <Button
                    class="orbital-discussion__focus-back-button".to_string()
                    attr:aria-label=move || label.get()
                    on:click=move |_| navigate_focus_back(ctx)
                >
                    {move || label.get()}
                </Button>
                <span data-testid="discussion-focus-back" style="display:none" />
            </div>
        </Show>
    }
}