Auth rpc

Search Bar
Search requests

AobaClient/src/components/media_item.rs

@@ -0,0 +1,43 @@
+use dioxus::prelude::*;
+
+use crate::rpc::aoba::MediaModel;
+
+#[derive(PartialEq, Clone, Props)]
+pub struct MediaItemProps {
+	pub item: MediaModel,
+}
+
+#[component]
+pub fn MediaItem(props: MediaItemProps) -> Element {
+	let mtype = props.item.media_type().as_str_name();
+	let filename = props.item.file_name;
+	let id = props.item.media_id.unwrap().value;
+
+	#[cfg(debug_assertions)]
+	let src = format!("http://localhost:5164/m/{id}");
+	#[cfg(not(debug_assertions))]
+	let src = format!("https://aoba.app/m/{id}");
+	// let url = "https://aoba.app/i/{}";
+	rsx! {
+		div{
+			class: "mediaItem",
+			img{ src: src }
+			div {
+				class: "info",
+				span{
+					class: "name",
+					"{filename}"
+				},
+				div{
+					class: "details",
+					span{
+						"{mtype}"
+					},
+					span{
+						"{props.item.view_count}"
+					},
+				}
+			}
+		}
+	}
+}