misc

AobaClient/src/components/basic/input.rs

@@ -17,14 +17,18 @@ pub fn Input(props: InputProps) -> Element {
 	let ph = props.placeholder.unwrap_or(label.clone());
 	rsx! {
 		label {
-			"{label}",
+			"{label}"
 			input {
-				type : props.r#type.unwrap_or("text".into()),
+				r#type: props.r#type.unwrap_or("text".into()),
 				value: props.value,
-				oninput: move |e| if let Some(mut s) = props.value { s.set(e.value()); },
+				oninput: move |e| {
+				    if let Some(mut s) = props.value {
+				        s.set(e.value());
+				    }
+				},
 				name: props.name,
 				placeholder: ph,
-				required: props.required
+				required: props.required,
 			}
 		}
 	}

AobaClient/src/components/media_grid.rs

@@ -69,18 +69,9 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
 			div{
 				class: "mediaGrid",
 				div {
-					"No results could be loaded"
+					"Loading..."
 				}
 			}
 		},
 	}
 }
-
-pub fn Nested() -> Element {
-	rsx! {
-		div{
-			"test",
-			slot {  }
-		}
-	}
-}

AobaClient/src/components/media_item.rs

@@ -15,25 +15,13 @@ pub fn MediaItem(props: MediaItemProps) -> Element {
 
 	let src = format!("{HOST}/m/thumb/{id}");
 	rsx! {
-		a{
-			class: "mediaItem",
-			href: "{HOST}/m/{id}",
-			target: "_blank",
-			img{ src: src }
-			span {
-				class: "info",
-				span{
-					class: "name",
-					"{filename}"
-				},
-				span{
-					class: "details",
-					span{
-						"{mtype}"
-					},
-					span{
-						"{props.item.view_count}"
-					},
+		a { class: "mediaItem", href: "{HOST}/m/{id}", target: "_blank",
+			img { src }
+			span { class: "info",
+				span { class: "name", "{filename}" }
+				span { class: "details",
+					span { "{mtype}" }
+					span { "{props.item.view_count}" }
 				}
 			}
 		}

AobaClient/src/components/navbar.rs

@@ -50,10 +50,7 @@ pub fn Utils() -> Element {
 
 	rsx! {
 		div { class: "utils",
-			div{
-				onclick: move |_| auth_context.logout(),
-				"Logout"
-			}
+			div { onclick: move |_| auth_context.logout(), "Logout" }
 		}
 	}
 }

AobaClient/src/components/notif.rs

@@ -25,20 +25,15 @@ pub fn Notif(props: NotifProps) -> Element {
 	};
 	let m = props.message;
 	rsx! {
-		div{
-			class: "notif {type_class}",
-			div{
-				class: "icon",
+		div { class: "notif {type_class}",
+			div { class: "icon",
 				match t {
 				    NotifType::Notice => icons::Error(),
 				    NotifType::Error => icons::Error(),
 				    NotifType::Warning => icons::Warn(),
 				}
 			}
-			div{
-				class: "message",
-				"{m}"
-			}
+			div { class: "message", "{m}" }
 		}
 	}
 }

AobaClient/src/components/search.rs

@@ -3,13 +3,12 @@ use dioxus::prelude::*;
 #[component]
 pub fn Search(query: Signal<String>) -> Element {
 	rsx! {
-		div{
-			class: "searchBar stickyTop",
+		div { class: "searchBar stickyTop",
 			input {
-				type: "search",
+				r#type: "search",
 				placeholder: "Search Files",
 				value: query,
-				oninput: move |event| query.set(event.value())
+				oninput: move |event| query.set(event.value()),
 			}
 		}
 	}

AobaClient/src/layouts/main_layout.rs

@@ -7,14 +7,13 @@ pub fn MainLayout() -> Element {
 	let auth_context = use_context::<AuthContext>();
 
 	if auth_context.jwt.cloned().is_none() {
-		return rsx! { Login {  } };
+		return rsx! {
+			Login {}
+		};
 	}
 
 	return rsx! {
 		Navbar {}
-		div{
-			id: "content",
-			Outlet::<Route> {}
-		}
+		div { id: "content", Outlet::<Route> {} }
 	};
 }

AobaClient/src/views/home.rs

@@ -6,9 +6,7 @@ pub fn Home() -> Element {
 	let query = use_signal(|| "".to_string());
 
 	rsx! {
-		Search {
-			query: query
-		},
+		Search { query }
 		MediaGrid { query: query.cloned() }
 	}
 }

AobaClient/src/views/login.rs

@@ -52,18 +52,26 @@ pub fn Login() -> Element {
 	};
 
 	rsx! {
-		div{
-			id: "centralModal",
+		div { id: "centralModal",
 			if let Some(err) = error.cloned() {
-				Notif{ type: NotifType::Error, message: err}
+				Notif { r#type: NotifType::Error, message: err }
 			}
 			form {
-				Input { type : "text", name: "username", label: "Username", value: username, required: true },
-				Input { type : "password", name: "password", label: "Password", value: password, required: true },
-				button {
-					onclick: login,
-					"Login!",
-				}
+				Input {
+					r#type: "text",
+					name: "username",
+					label: "Username",
+					value: username,
+					required: true,
+				}
+				Input {
+					r#type: "password",
+					name: "password",
+					label: "Password",
+					value: password,
+					required: true,
+				}
+				button { onclick: login, "Login!" }
 			}
 		}
 	}

AobaClient/src/views/settings.rs

@@ -25,10 +25,7 @@ pub fn Settings() -> Element {
 	rsx! {
 		"this is settings"
 		div {
-			pre {
-				class: "codeSelect",
-				"{d}"
-			}
+			pre { class: "codeSelect", "{d}" }
 		}
 	}
 }