summary refs log tree commit diff stats
path: root/src/components/side_header.rs
diff options
context:
space:
mode:
authorBenedikt Peetz <benedikt.peetz@b-peetz.de>2025-09-26 20:15:48 +0200
committerBenedikt Peetz <benedikt.peetz@b-peetz.de>2025-09-26 20:15:48 +0200
commitfd832ce7a3660bd81b5476477ecdc2bc822df5c2 (patch)
tree245ebcd20b3def57f46e7d28b3f4e551644a1afc /src/components/side_header.rs
parentchore: Initial Commit (diff)
downloadweb-client-fd832ce7a3660bd81b5476477ecdc2bc822df5c2.zip
chore: Second version
Diffstat (limited to 'src/components/side_header.rs')
-rw-r--r--src/components/side_header.rs22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/side_header.rs b/src/components/side_header.rs
new file mode 100644
index 0000000..9cd6777
--- /dev/null
+++ b/src/components/side_header.rs
@@ -0,0 +1,22 @@
+use leptos::prelude::{AddAnyAttr, ElementChild, IntoView, StyleAttribute, component, view};
+use leptos_router::{NavigateOptions, hooks::use_navigate};
+use thaw::{Flex, FlexJustify, LayoutHeader};
+
+#[component]
+pub fn SiteHeader() -> impl IntoView {
+    let navigate = use_navigate();
+
+    view! {
+        <LayoutHeader
+            attr:style="padding: 20px;"
+            on:click=move |_| {
+                navigate("/", NavigateOptions::default());
+            }
+        >
+            <Flex justify=FlexJustify::SpaceAround>
+                <img src="/logo.svg" style="width: 36px" />
+                <h3>"Rocie"</h3>
+            </Flex>
+        </LayoutHeader>
+    }
+}