From 1e6d11b5dc6cc8d0858e5b2b14dc7df7a96ebc5b Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Tue, 16 Apr 2024 06:42:02 +0200
Subject: [PATCH] chore(web): component for tl nav

---
 web/src/lib.rs  | 23 +++++++++++++++++++++++
 web/src/main.rs | 20 +++-----------------
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/web/src/lib.rs b/web/src/lib.rs
index 14e36594..f06dccdc 100644
--- a/web/src/lib.rs
+++ b/web/src/lib.rs
@@ -89,6 +89,29 @@ pub fn LoginBox(
 	}
 }
 
+#[component]
+pub fn TimelineNavigation() -> impl IntoView {
+	let auth = use_context::<Signal<Option<Auth>>>().expect("missing auth context");
+	view! {	
+		<a href="/web/home" >
+			<input class="w-100"
+				type="submit"
+				class:hidden=move || !auth.get().present()
+				class:active=move || use_location().pathname.get().ends_with("/home")
+				value="home timeline"
+			/>
+		</a>
+		<a href="/web/server" >
+			<input
+				class="w-100"
+				class:active=move || use_location().pathname.get().ends_with("/server")
+				type="submit"
+				value="server timeline"
+			/>
+		</a>
+	}
+}
+
 #[component]
 pub fn PostBox() -> impl IntoView {
 	let auth = use_context::<Signal<Option<Auth>>>().expect("missing auth context");
diff --git a/web/src/main.rs b/web/src/main.rs
index 11d4da62..3ee79a2f 100644
--- a/web/src/main.rs
+++ b/web/src/main.rs
@@ -3,7 +3,8 @@ use leptos_router::*;
 
 use leptos_use::{use_cookie, utils::JsonCodec};
 use upub_web::{
-	URL_BASE, context::Timeline, About, Auth, LoginBox, MaybeToken, ObjectPage, PostBox, TimelineFeed, UserPage
+	URL_BASE, context::Timeline, About, Auth, LoginBox, MaybeToken, ObjectPage, PostBox,
+	TimelineFeed, TimelineNavigation, UserPage
 };
 
 fn main() {
@@ -63,22 +64,7 @@ fn main() {
 											rx=cookie
 										/>
 										<hr class="mt-1 mb-1" />
-										<a href="/web/home" >
-											<input class="w-100"
-												type="submit"
-												class:hidden=move || !cookie.get().present()
-												class:active=move || use_location().pathname.get().ends_with("/home")
-												value="home timeline"
-											/>
-										</a>
-										<a href="/web/server" >
-											<input
-												class="w-100"
-												class:active=move || use_location().pathname.get().ends_with("/server")
-												type="submit"
-												value="server timeline"
-											/>
-										</a>
+										<TimelineNavigation />
 										<hr class="mt-1 mb-1" />
 										<PostBox />
 									</div>