Function CheckboxPref

src/components/prefs/components.rs:270–396

(
    #[prop()] key: String,
    #[prop()] title: K,
    #[prop()] tooltip: K1,
    #[prop()] items: Vec<CheckboxItems>,
    #[prop()] single: bool,
    #[prop()] mobile: bool,
)

#[tracing::instrument(level = "debug", skip(key, title, tooltip, items, single))]
#[component()]
pub fn CheckboxPref<K, H, K1, H1>(
    #[prop()] key: String,
    #[prop()] title: K,
    #[prop()] tooltip: K1,
    #[prop()] items: Vec<CheckboxItems>,
    #[prop()] single: bool,
    #[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::<Vec<CheckboxPreference>>::new(Default::default());
    let pref_key = key;
    let pref_key_clone = pref_key.clone();
    load_selective(pref_key.clone(), pref_value.write_only());
    let last_enabled = RwSignal::new(String::new());
    Effect::new(move || {
        let value = pref_value.get();
        if !should_write.get_untracked() {
            should_write.update_untracked(|v| {
                *v = true;
            });
            return;
        }

        save_selective(pref_key.clone(), value.clone());
    });
    view! {
        <div class="container-fluid mt-4">
            <div class="row no-gutters">
                <div class="col-auto align-self-center title d-flex preference-title">
                    {title()}
                </div>
                <div class="col-auto ml-2">
                    <Tooltip>{tooltip()}</Tooltip>
                </div>
            </div>

            <For
                each=move || items.clone()
                key=|p| p.key.clone()
                children=move |item| {
                    let item_key_clone = item.key.clone();
                    let item_key_clone_1 = item_key_clone.clone();
                    let pref_key = pref_key_clone.clone();
                    view! {
                        <div class="row no-gutters item w-100 flex-nowrap">
                            <div class="col-auto align-self-center">