thaw/src/mobile/tabbar/mod.rs

mod tabbar_item;

use crate::utils::mount_style::mount_style;
use leptos::*;

pub use tabbar_item::*;

#[component]
pub fn Tabbar(#[prop(into)] selected: RwSignal<String>, children: Children) -> impl IntoView {
    mount_style("tabbar", include_str!("./tabbar.css"));

    let tabbar_injection_key = create_rw_signal(TabbarInjectionKey::new(selected.get()));
    create_effect(move |_| {
        let selected_key = selected.get();
        let key = tabbar_injection_key.get_untracked();
        if selected_key != key.value {
            tabbar_injection_key.set(TabbarInjectionKey::new(selected_key));
        }
    });

    create_effect(move |_| {
        let selected_key = selected.get_untracked();
        let key = tabbar_injection_key.get();
        if selected_key != key.value {
            selected.set(key.value);
        }
    });
    provide_context(tabbar_injection_key);
    view! { <div class="melt-tabbar">{children()}</div> }
}

#[derive(Clone)]
pub struct TabbarInjectionKey {
    value: String,
}

impl TabbarInjectionKey {
    pub fn new(value: String) -> Self {
        Self { value }
    }
}

pub fn use_tabbar() -> RwSignal<TabbarInjectionKey> {
    use_context::<RwSignal<TabbarInjectionKey>>().expect("TabbarInjectionKey not exist")
}