tinkr 0.0.43

Tinkr is a web framework for quickly building full-stack web applications with Leptos.
Documentation 
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

use leptos::prelude::*;
use leptos_router::hooks::use_navigate;
use phosphor_leptos::CARET_LEFT;

use crate::components::button::{BtnVariant, ButtonIcon};
use crate::components::Button;

#[component]
pub fn NavigationBackButton(#[prop(optional)] class: Option<&'static str>) -> impl IntoView {
    let navigate = use_navigate();

    let on_click = Callback::new(move |_| {
        // Try to use browser's history.back() first
        #[cfg(not(feature = "ssr"))]
        {
            if let Some(window) = web_sys::window() {
                if let Ok(history) = window.history() {
                    // Check if we can go back
                    if let Ok(length) = history.length() {
                        if length > 1 {
                            // We have history, go back
                            let _ = history.back();
                            return;
                        }
                    }
                }
            }
        }

        // Fallback: navigate to home if history.back() is not available
        // This happens when user lands directly on a page or history is not available
        let navigate = navigate.clone();
        navigate("/", Default::default());
    });

    view! {
        <Button
            variant=BtnVariant::Square
            icon=ButtonIcon::Icon(&CARET_LEFT)
            on_click=on_click
            class=class.unwrap_or("")
        />
    }
}