kopuz-components 0.7.0

A modern, lightweight music player built with Rust and 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

#[cfg(not(target_arch = "wasm32"))]
use config::AppConfig;
#[cfg(not(target_arch = "wasm32"))]
use dioxus::desktop::window;
use dioxus::prelude::*;

#[component]
pub fn Titlebar() -> Element {
    #[cfg(target_arch = "wasm32")]
    {
        return rsx! {};
    }

    #[cfg(not(target_arch = "wasm32"))]
    {
        let config = use_context::<Signal<AppConfig>>();
        if config.read().titlebar_mode != config::TitlebarMode::Custom {
            return rsx! {};
        }
        let minimize_text = i18n::t("minimize").to_string();
        let maximize_text = i18n::t("maximize").to_string();
        let close_text = i18n::t("close").to_string();

        rsx! {
            div {
                class: "flex items-center h-9 bg-black/50 border-b border-white/5 flex-shrink-0 select-none relative",
                onmousedown: move |_| {
                    window().drag();
                },

                div { class: "flex-1" }

                div {
                    class: "absolute inset-0 flex items-center justify-center pointer-events-none",
                    span {
                        class: "text-[11px] text-white/35 font-mono",
                        "Kopuz"
                    }
                }

                div {
                    class: "flex items-center h-full",
                    onmousedown: move |evt| evt.stop_propagation(),

                    button {
                        class: "w-11 h-full flex items-center justify-center text-white/25 hover:text-white/70 hover:bg-white/6 transition-all duration-150",
                        title: "{minimize_text}",
                        onclick: move |_| window().window.set_minimized(true),
                        i { class: "fa-solid fa-minus text-[10px] leading-none" }
                    }
                    button {
                        class: "w-11 h-full flex items-center justify-center text-white/25 hover:text-white/70 hover:bg-white/6 transition-all duration-150",
                        title: "{maximize_text}",
                        onclick: move |_| window().toggle_maximized(),
                        i { class: "fa-regular fa-square text-[10px] leading-none" }
                    }
                    button {
                        class: "w-11 h-full flex items-center justify-center text-white/25 hover:text-white hover:bg-red-500/70 transition-all duration-150",
                        title: "{close_text}",
                        onclick: move |_| window().close(),
                        i { class: "fa-solid fa-xmark text-[10px] leading-none" }
                    }
                }
            }
        }
    }
}