Function InputPref

src/components/prefs/components.rs:154–266

(
    #[prop()] key: String,
    #[prop()] title: K,
    #[prop()] tooltip: K1,
    #[prop()] show_input: bool,
    #[prop()] inp_type: String,
    #[prop()] mobile: bool,
)

#[tracing::instrument(level = "debug", skip(key, title, tooltip, show_input, inp_type))]
#[component()]
pub fn InputPref<K, H, K1, H1>(
    #[prop()] key: String,
    #[prop()] title: K,
    #[prop()] tooltip: K1,
    #[prop()] show_input: bool,
    #[prop()] inp_type: String,
    #[prop()] mobile: bool,
) -> impl IntoView
where
    K: Fn() -> H + Send + Sync + 'static,
    H: IntoView + Copy + 'static,
    K1: Fn() -> H1 + Send + Sync + 'static,
    H1: IntoView + Copy + 'static,
{
    let ui_store = expect_context::<RwSignal<UiStore>>();
    let is_mobile = create_read_slice(ui_store, |u| u.get_is_mobile()).get();
    if is_mobile && !mobile {
        return ().into_any();
    }

    let should_write = RwSignal::new(false);
    let pref_value = RwSignal::new(Default::default());
    let pref_key = key.clone();

    if inp_type == "number" {
        let num_pref = RwSignal::new(f64::default());
        load_selective(pref_key.clone(), num_pref.write_only());
        Effect::new(move || {
            let num_pref = num_pref.get();
            pref_value.set(format!("{}", num_pref));
        });
    } else {
        load_selective(pref_key.clone(), pref_value.write_only());
    }
    let inp_type_clone = inp_type.clone();
    Effect::new(move || {
        let value = pref_value.get();
        if !should_write.get_untracked() {
            untrack(|| should_write.set(true));
            return;
        }

        tracing::debug!("Input type - {}", inp_type_clone);
        if inp_type_clone.clone() == "number" {
            save_selective_number(pref_key.clone(), value);
        } else {
            save_selective(pref_key.clone(), value);
        }
    });

    let inp_type_clone = inp_type.clone();
    let debounced_update = use_debounce_fn_with_arg(
        move |event: web_sys::Event| {
            let value = event_target_value(&event);
            if inp_type_clone.clone() == "number" && value.parse::<f64>().is_err() {
                tracing::debug!("Invalid number");
                return;
            }