From 86c3053b2670dd5c7be5e5639264020f653b0188 Mon Sep 17 00:00:00 2001
From: ecco257 <72117210+ecco257@users.noreply.github.com>
Date: Fri, 2 Feb 2024 17:16:07 -0500
Subject: [PATCH] Add queue component

---
 src/queue.rs | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/queue.rs

diff --git a/src/queue.rs b/src/queue.rs
new file mode 100644
index 0000000..b194df4
--- /dev/null
+++ b/src/queue.rs
@@ -0,0 +1,35 @@
+use crate::playstatus::PlayStatus;
+use leptos::leptos_dom::*;
+use leptos::*;
+
+#[component]
+pub fn Queue(status: RwSignal<PlayStatus>) -> impl IntoView {
+
+	view!{
+		<Show
+			when=move || status.with(|status| status.queue_open)
+			fallback=|| view!{""}>
+			<div class="queue">
+				<div class="queue-header">
+					<h2>Queue</h2>
+				</div>
+				<ul>
+					{
+						status.with(|status| status.queue.iter()
+							.map(|song| view! {
+								<div class="queue-song">
+									<img src={song.image_path.clone()} alt={song.name.clone()}/>
+									<div class="queue-song-info">
+										<h3>{song.name.clone()}</h3>
+										<p>{song.artist.clone()}</p>
+									</div>
+								</div>
+							})
+							.collect::<Vec<_>>())
+					}
+				</ul>
+			</div>
+		</Show>
+
+	}
+}