feat(treewide): Commit MVP

1 files changed, 17 insertions, 3 deletions

diff --git a/src/components/recipies.rs b/src/components/recipies.rs
index f7903e4..755954e 100644
--- a/src/components/recipies.rs
+++ b/src/components/recipies.rs
@@ -1,6 +1,9 @@
-use leptos::{IntoView, component, prelude::ElementChild, view};
+use leptos::{IntoView, component, view};
 
-use crate::components::{container::Container, icon_p::IconP};
+use crate::{
+    api::recipes_wrapped,
+    components::{async_fetch::AsyncFetch, container::Container, icon_p::IconP},
+};
 
 #[component]
 pub fn Recipies() -> impl IntoView {
@@ -9,10 +12,21 @@ pub fn Recipies() -> impl IntoView {
             header="Recipies"
             buttons=vec![
                 (view! { <IconP icon=icondata_io::IoFastFood text="Recipies" /> }, "recipies"),
+                (view! { <IconP icon=icondata_io::IoPin text="Create recipe" /> }, "create-recipe"),
                 (view! { <IconP icon=icondata_io::IoCalendarSharp text="Mealplan" /> }, "mealplan"),
             ]
         >
-            <p>"You have 0 recipies."</p>
+            {
+                AsyncFetch! {
+                    @map_error_in_producer
+                    fetcher = recipes_wrapped(),
+                    producer = |recipes| {
+                        view! {
+                            <p>{format!("You have {} recipies.", recipes.len())}</p>
+                        }
+                    }
+                }
+            }
         </Container>
     }
 }