From f4908ad3b301658b8e1df8bde71bb3f08c8c19fa Mon Sep 17 00:00:00 2001
From: Ethan Girouard <mr.egirouard@gmail.com>
Date: Sat, 11 May 2024 13:16:02 -0400
Subject: [PATCH] Add DashboardRow component

---
 src/components.rs               |  1 +
 src/components/dashboard_row.rs | 39 +++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 src/components/dashboard_row.rs

diff --git a/src/components.rs b/src/components.rs
index 5f7fff7..6f919fa 100644
--- a/src/components.rs
+++ b/src/components.rs
@@ -3,3 +3,4 @@ pub mod dashboard;
 pub mod search;
 pub mod personal;
 pub mod dashboard_tile;
+pub mod dashboard_row;
diff --git a/src/components/dashboard_row.rs b/src/components/dashboard_row.rs
new file mode 100644
index 0000000..2917b86
--- /dev/null
+++ b/src/components/dashboard_row.rs
@@ -0,0 +1,39 @@
+use leptos::leptos_dom::*;
+use leptos::*;
+use serde::{Deserialize, Serialize};
+use crate::components::dashboard_tile::DashboardTile;
+
+/// A row of dashboard tiles, with a title
+#[derive(Serialize, Deserialize)]
+pub struct DashboardRow {
+	pub title: String,
+	pub tiles: Vec<DashboardTile>,
+}
+
+impl DashboardRow {
+	pub fn new(title: String, tiles: Vec<DashboardTile>) -> Self {
+		Self {
+			title,
+			tiles,
+		}
+	}
+}
+
+impl IntoView for DashboardRow {
+	fn into_view(self) -> View {
+		view! {
+			<div class="dashboard-tile-row">
+				<h2>{self.title}</h2>
+				<ul>
+				{self.tiles.into_iter().map(|tile_info| {
+					view! {
+						<li>
+							{ tile_info }
+						</li>
+					}
+				}).collect::<Vec<_>>()}
+				</ul>
+			</div>
+		}.into_view()
+	}
+}