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

use std::sync::Arc;

use dioxus::prelude::*;

use crate::pop_overlay;

#[component]
pub fn TextInputRender(
    question: Arc<String>,
    input_value: Signal<String>,
    on_submit: EventHandler<String>,
) -> Element {
    rsx! {
        div {
            class: "flex flex-col items-center justify-center space-y-4 p-6 bg-gray-100 rounded-lg shadow-md",
            p {
                class: "text-lg font-semibold text-gray-800",
                "{question}"
            }

            input {
                class: "border border-gray-300 rounded px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-300",
                value: "{input_value}",
                oninput: move |e| input_value.clone().set(e.value().clone()),
            }

            button {
                class: "{crate::styles::CREATE_BUTTON}",
                onclick: move |_| {
                    let value = input_value.cloned();
                    on_submit(value);
                    pop_overlay();
                },
                "Submit"
            }
        }
    }
}