From 5f46de0fc9c68f2fcea98bc3abd29d038dbe7d3c Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Mon, 15 Apr 2024 17:54:28 +0200
Subject: [PATCH] feat: show post box only after login

---
 web/src/lib.rs  | 38 ++++++++++++++++++--------------------
 web/src/main.rs |  2 --
 2 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/web/src/lib.rs b/web/src/lib.rs
index 596a61e1..cbe079e4 100644
--- a/web/src/lib.rs
+++ b/web/src/lib.rs
@@ -31,25 +31,23 @@ pub fn LoginBox(
 				} />
 			</div>
 			<div class:hidden=move || { !rx.get().unwrap_or_default().is_empty() }>
-				<p>
-					<input type="text" node_ref=username_ref placeholder="username" />
-					<input type="text" node_ref=password_ref placeholder="password" />
-					<input type="submit" value="login" on:click=move |_| {
-						console_log("logging in...");
-						let email = username_ref.get().map(|x| x.value()).unwrap_or("".into());
-						let password = password_ref.get().map(|x| x.value()).unwrap_or("".into());
-						spawn_local(async move {
-							let auth = reqwest::Client::new()
-								.post(format!("{URL_BASE}/auth"))
-								.json(&LoginForm { email, password })
-								.send()
-								.await.unwrap()
-								.json::<String>()
-								.await.unwrap();
-							tx.set(Some(auth));
-						});
-					} />
-				</p>
+				<input class="w-100" type="text" node_ref=username_ref placeholder="username" />
+				<input class="w-100" type="text" node_ref=password_ref placeholder="password" />
+				<input class="w-100" type="submit" value="login" on:click=move |_| {
+					console_log("logging in...");
+					let email = username_ref.get().map(|x| x.value()).unwrap_or("".into());
+					let password = password_ref.get().map(|x| x.value()).unwrap_or("".into());
+					spawn_local(async move {
+						let auth = reqwest::Client::new()
+							.post(format!("{URL_BASE}/auth"))
+							.json(&LoginForm { email, password })
+							.send()
+							.await.unwrap()
+							.json::<String>()
+							.await.unwrap();
+						tx.set(Some(auth));
+					});
+				} />
 			</div>
 		</div>
 	}
@@ -60,7 +58,7 @@ pub fn PostBox(token: Signal<Option<String>>) -> impl IntoView {
 	let summary_ref: NodeRef<html::Input> = create_node_ref();
 	let content_ref: NodeRef<html::Textarea> = create_node_ref();
 	view! {
-		<div>
+		<div class:hidden=move || { token.get().unwrap_or_default().is_empty() }>
 			<input class="w-100" type="text" node_ref=summary_ref placeholder="CW" />
 			<textarea class="w-100" node_ref=content_ref placeholder="hello world!" ></textarea>
 			<button class="w-100" type="button" on:click=move |_| {
diff --git a/web/src/main.rs b/web/src/main.rs
index 7aefd8d9..430d2cfb 100644
--- a/web/src/main.rs
+++ b/web/src/main.rs
@@ -29,9 +29,7 @@ fn main() {
 							tx=set_cookie
 							rx=cookie
 						/>
-						<hr />
 						<PostBox token=cookie />
-						<hr />
 					</div>
 					<div class="col-main">
 						<Router // TODO maybe set base="/web" ?