Function TopBar

src/components/topbar.rs:412–549

()

#[tracing::instrument(level = "debug", skip())]
#[component]
pub fn TopBar() -> impl IntoView {
    let show_searchbar = RwSignal::new(false);
    let input_value = RwSignal::new("".to_string());
    let results = RwSignal::new(vec![]);
    let handle_input_focus = move |focus: InputFocus| match focus {
        InputFocus::Focus => {
            show_searchbar.set(!results.get().is_empty());
        }
        InputFocus::Blur => show_searchbar.set(false),
    };

    Effect::new(move || {
        let results = results.get();
        if !results.is_empty() {
            show_searchbar.set(true);
        }
    });

    let navigate = leptos_router::hooks::use_navigate();
    let handle_page_change = move |ev: SubmitEvent| {
        ev.prevent_default();
        let text = input_value.get();
        navigate(
            format!("/main/search?q={}", text).as_str(),
            Default::default(),
        );
    };

    let player_store = expect_context::<RwSignal<PlayerStore>>();
    let play_now = create_write_slice(player_store, |p, val| p.play_now(val));

    let handle_text_change = move |ev: Event| {
        let text = event_target_value(&ev);
        input_value.set(text.clone());
        if text.is_empty() {
            return;
        }
        let value = format!("%{}%", text);
        let current_page = window().location().pathname().unwrap();
        tracing::debug!("current page {}", current_page);

        spawn_local(async move {
            let search_res = get_search_res(value.clone(), current_page, play_now).await;
            match search_res {
                Ok(res) => {
                    results.set(res);
                }
                Err(e) => tracing::error!("Failed to search {}: {:?}", value, e),
            }
        });

        //
    };

    let ui_store = expect_context::<RwSignal<UiStore>>();
    let is_mobile = create_read_slice(ui_store, |u| u.get_is_mobile()).get();

    let i18n = use_i18n();