thaw/gh-pages/src/components/site_header.rs

use leptos::*;
use leptos_router::use_navigate;
use melt_ui::*;

#[component]
pub fn SiteHeader() -> impl IntoView {
    view! {
        <LayoutHeader
            style="height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid #e5e8eb"
        >
            <span style="cursor: pointer" on:click=move |_| {
                let navigate = use_navigate();
                navigate("/", Default::default());
            }>
                "Melt UI"
            </span>
            <Button type_=ButtonType::TEXT on:click=move |_| {
                _ = window().open_with_url("http://github.com/luoxiaozero/melt-ui");
            }>
                "Github"
            </Button>
        </LayoutHeader>
    }
}