speki-app 0.1.0

ontological flashcard app
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

use std::{fmt::Display, sync::Arc};

use dioxus::prelude::*;

#[derive(Props, Clone)]
pub struct ItemSelector<T: Display + Clone + PartialEq + 'static> {
    pub items: Vec<T>,
    pub on_selected: Arc<Box<dyn Fn(T)>>,
    pub done: Signal<bool>,
}

impl<T: Display + Clone + PartialEq> PartialEq for ItemSelector<T> {
    fn eq(&self, other: &Self) -> bool {
        self.items == other.items && self.done == other.done
    }
}

impl<T: Display + Clone + PartialEq> ItemSelector<T> {
    pub fn new(items: Vec<T>, on_selected: Arc<Box<dyn Fn(T)>>) -> Self {
        Self {
            items,
            on_selected,
            done: Signal::new_in_scope(false, ScopeId::APP),
        }
    }
}

#[component]
pub fn ItemSelectorRender<T: Display + Clone + PartialEq>(props: ItemSelector<T>) -> Element {
    let mut iter: Vec<(T, Arc<Box<dyn Fn(T)>>, Signal<bool>)> = vec![];

    for item in props.items.clone() {
        iter.push((item, props.on_selected.clone(), props.done.clone()));
    }

    rsx! {
        div {
        class: "flex flex-col mb-10",
        for (item, on_select, mut is_done) in iter {
            button {
                class: "mt-2 inline-flex items-center text-white bg-gray-800 border-0 py-1 px-3 focus:outline-none hover:bg-gray-700 rounded text-base md:mt-0",

                onclick: move |_| {
                    on_select(item.clone());
                    is_done.set(true);
                },
                "{item}"
            }
        }
    }
    }
}