JJ Colocate

AobaClient/src/components/media_grid.rs

@@ -1,77 +1,77 @@
-use dioxus::prelude::*;
-use tonic::IntoRequest;
-
-use crate::{
-	components::MediaItem,
-	rpc::{aoba::PageFilter, get_rpc_client},
-};
-
-#[derive(PartialEq, Clone, Props)]
-pub struct MediaGridProps {
-	pub query: Option<String>,
-	#[props(default = Some(1))]
-	pub page: Option<i32>,
-	#[props(default = Some(100))]
-	pub page_size: Option<i32>,
-}
-
-impl IntoRequest<PageFilter> for MediaGridProps {
-	fn into_request(self) -> tonic::Request<PageFilter> {
-		let f: PageFilter = self.into();
-		f.into_request()
-	}
-}
-
-impl Into<PageFilter> for MediaGridProps {
-	fn into(self) -> PageFilter {
-		PageFilter {
-			page: self.page,
-			page_size: self.page_size,
-			query: self.query,
-		}
-	}
-}
-
-#[component]
-pub fn MediaGrid(props: MediaGridProps) -> Element {
-	let media_result = use_resource(use_reactive!(|(props)| async move {
-		let mut client = get_rpc_client();
-		let result = client.list_media(props.into_request()).await;
-		if let Ok(items) = result {
-			return Ok(items.into_inner());
-		} else {
-			let err = result.err().unwrap();
-			let message = err.message();
-			return Err(format!("Failed to load results: {message}"));
-		}
-	}));
-
-	match media_result.cloned() {
-		Some(value) => match value {
-			Ok(result) => rsx! {
-				div {
-					class: "mediaGrid",
-					{result.items.iter().map(|itm| rsx!{
-						MediaItem { item: itm.clone() }
-					})},
-				}
-			},
-			Err(msg) => rsx! {
-				div {
-					class: "mediaGrid",
-					div {
-						"Failed to load results: {msg}"
-					}
-				}
-			},
-		},
-		None => rsx! {
-			div{
-				class: "mediaGrid",
-				div {
-					"Loading..."
-				}
-			}
-		},
-	}
-}
+use dioxus::prelude::*;
+use tonic::IntoRequest;
+
+use crate::{
+	components::MediaItem,
+	rpc::{aoba::PageFilter, get_rpc_client},
+};
+
+#[derive(PartialEq, Clone, Props)]
+pub struct MediaGridProps {
+	pub query: Option<String>,
+	#[props(default = Some(1))]
+	pub page: Option<i32>,
+	#[props(default = Some(100))]
+	pub page_size: Option<i32>,
+}
+
+impl IntoRequest<PageFilter> for MediaGridProps {
+	fn into_request(self) -> tonic::Request<PageFilter> {
+		let f: PageFilter = self.into();
+		f.into_request()
+	}
+}
+
+impl Into<PageFilter> for MediaGridProps {
+	fn into(self) -> PageFilter {
+		PageFilter {
+			page: self.page,
+			page_size: self.page_size,
+			query: self.query,
+		}
+	}
+}
+
+#[component]
+pub fn MediaGrid(props: MediaGridProps) -> Element {
+	let media_result = use_resource(use_reactive!(|(props)| async move {
+		let mut client = get_rpc_client();
+		let result = client.list_media(props.into_request()).await;
+		if let Ok(items) = result {
+			return Ok(items.into_inner());
+		} else {
+			let err = result.err().unwrap();
+			let message = err.message();
+			return Err(format!("Failed to load results: {message}"));
+		}
+	}));
+
+	match media_result.cloned() {
+		Some(value) => match value {
+			Ok(result) => rsx! {
+				div {
+					class: "mediaGrid",
+					{result.items.iter().map(|itm| rsx!{
+						MediaItem { item: itm.clone() }
+					})},
+				}
+			},
+			Err(msg) => rsx! {
+				div {
+					class: "mediaGrid",
+					div {
+						"Failed to load results: {msg}"
+					}
+				}
+			},
+		},
+		None => rsx! {
+			div{
+				class: "mediaGrid",
+				div {
+					"Loading..."
+				}
+			}
+		},
+	}
+}