synpad 0.1.0

A full-featured Matrix chat client built with Dioxus
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

use dioxus::prelude::*;

use crate::state::app_state::AppState;

/// Live location sharing dialog.
#[component]
pub fn LiveLocationPicker(room_id: String, on_close: EventHandler<()>) -> Element {
    let _state = use_context::<Signal<AppState>>();
    let mut duration_minutes = use_signal(|| 15u32);
    let mut is_sharing = use_signal(|| false);

    let durations = [(15, "15 minutes"), (60, "1 hour"), (480, "8 hours")];

    let on_start = {
        let rid = room_id.clone();
        move |_| {
            is_sharing.set(true);
            let dur = *duration_minutes.read();
            let rid = rid.clone();
            spawn(async move {
                tracing::info!("Started live location sharing for {dur} minutes in room {rid}");
                // In a full implementation, this would:
                // 1. Start a background task that periodically sends m.location events
                // 2. Send an initial m.beacon_info state event with timeout
                // 3. Periodically send m.beacon events with updated coordinates
            });
        }
    };

    rsx! {
        div {
            class: "live-location",
            h4 { "Share Live Location" }
            p { class: "live-location__desc",
                "Share your real-time location with everyone in this room for a set period."
            }

            if !*is_sharing.read() {
                div {
                    class: "live-location__options",
                    for (mins, label) in durations.iter() {
                        {
                            let m = *mins;
                            let l = *label;
                            let is_selected = *duration_minutes.read() == m;
                            rsx! {
                                button {
                                    class: if is_selected { "live-location__option live-location__option--selected" } else { "live-location__option" },
                                    onclick: move |_| duration_minutes.set(m),
                                    "{l}"
                                }
                            }
                        }
                    }
                }
                div {
                    class: "live-location__actions",
                    button { class: "btn btn--secondary", onclick: move |_| on_close.call(()), "Cancel" }
                    button { class: "btn btn--primary", onclick: on_start, "Share Location" }
                }
            } else {
                div {
                    class: "live-location__active",
                    div { class: "live-location__pulse" }
                    p { "Sharing your location..." }
                    {
                        let dur = *duration_minutes.read();
                        let label = durations.iter().find(|(m, _)| *m == dur).map(|(_, l)| *l).unwrap_or("Unknown");
                        rsx! { span { class: "live-location__timer", "Duration: {label}" } }
                    }
                    button {
                        class: "btn btn--danger",
                        onclick: move |_| {
                            is_sharing.set(false);
                            on_close.call(());
                        },
                        "Stop Sharing"
                    }
                }
            }
        }
    }
}