Function ThemesPref

src/components/prefs/components.rs:400–513

(
    #[prop()] key: String,
    #[prop()] title: K,
    #[prop()] tooltip: K1,
)

#[tracing::instrument(level = "debug", skip(key, title, tooltip))]
#[component]
pub fn ThemesPref<K, H, K1, H1>(
    #[prop()] key: String,
    #[prop()] title: K,
    #[prop()] tooltip: K1,
) -> impl IntoView
where
    K: Fn() -> H + Send + Sync + 'static,
    H: IntoView + Copy + 'static,
    K1: Fn() -> H1 + Send + Sync + 'static,
    H1: IntoView + Copy + 'static,
{
    let all_themes: RwSignal<HashMap<String, ThemeDetails>> = RwSignal::new(Default::default());
    let load_themes = move || {
        spawn_local(async move {
            let themes = load_all_themes().await.unwrap();
            all_themes.set(themes);
        })
    };
    load_themes();
    let active_themes = RwSignal::new(vec![]);
    let active_theme_id = RwSignal::new(String::new());
    load_selective(key, active_theme_id);

    let context_menu = create_context_menu(ThemesContextMenu {
        id: None,
        refresh_cb: Arc::new(Box::new(load_themes)),
    });

    let modal_store: RwSignal<ModalStore> = expect_context();
    let render_themes = move || {
        let mut views = vec![];
        let active_theme_id = active_theme_id.get();
        for (key, theme) in all_themes.get() {
            let signal = RwSignal::new(key == active_theme_id);
            active_themes.update(|at| at.push(signal));
            let context_menu = context_menu.clone();
            let key_clone = key.clone();
            views.push(
                view! {
                    <div class="col-xl-3 col-5 p-2">
                        <div
                            class="theme-component-container"
                            on:contextmenu=move |ev| {
                                ev.prevent_default();
                                let context_menu = context_menu.clone();
                                let mut data = context_menu.get_data();
                                data.id = Some(key_clone.clone());
                                drop(data);
                                context_menu.show(ev);
                            }
                            on:click=move |_| {
                                active_themes
                                    .update(|at| {
                                        for s in at.iter() {
                                            s.set(false);
                                        }
                                        signal.set(true);
                                    });