src/components/date.rs

@@ -1,5 +1,5 @@
+use crate::common::DateInfo;
 use leptos::prelude::*;
-
 /// # Date Component
 ///
 ///
@@ -9,15 +9,9 @@ use leptos::prelude::*;
 /// ```
 #[component]
 pub fn Date(
-    /// The main label displayed on the button.
+    /// Struct of title, date, and description
     #[prop(into)]
-    title: String,
+    important_dates: Vec<DateInfo>,
-    /// The calendar date of the event
-    #[prop(into)]
-    date: String,
-    /// A brief explanatory text that describes the destination page.
-    #[prop(into)]
-    description: String,
     /// The file path or URL of the icon displayed at the top of the button.
     #[prop(into)]
     icon: String,
@@ -25,6 +19,8 @@ pub fn Date(
     #[prop(into)]
     status: String,
 ) -> impl IntoView {
+    important_dates.into_iter()
+            .map(|info: DateInfo| {
                 view! {
                 <div class="dashboard-button flex items-start gap-3 rounded-lg border-grey-300 p-3
                        hover:bg-gray-100 transition w-full text-left
@@ -36,13 +32,13 @@ pub fn Date(
                     <div class="flex items-start justify-between">
                         <div class="flex-1">
                             <h3 class="font-semibold text-md text-base">
-                            {title.clone()}
+                                {info.title}
                             </h3>
                             <h3 class="font-bold text-md text-base mt-1">
-                            {date.clone()}
+                                {info.date}
                             </h3>
                             <p class="text-sm text-gray-600">
-                            {description.clone()}
+                                {info.description}
                             </p>
                         </div>
                         <div class="flex-shrink-0 ml-2">
@@ -56,4 +52,6 @@ pub fn Date(
                 </div>
                 </div>
                 }
+            })
+            .collect_view()
 }