summary refs log tree commit diff stats
path: root/src/components/recipies.rs
blob: 81975fb36c450a32512addb71cc7537632e9d52d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
// rocie - An enterprise grocery management system - Web app
//
// Copyright (C) 2026 Benedikt Peetz <benedikt.peetz@b-peetz.de>
// SPDX-License-Identifier: GPL-3.0-or-later
//
// This file is part of Rocie.
//
// You should have received a copy of the License along with this program.
// If not, see <https://www.gnu.org/licenses/gpl-3.0.txt>.

use leptos::{IntoView, component, view};

use crate::{
    api::recipes_wrapped,
    components::{async_fetch::AsyncFetch, container::Container, icon_p::IconP},
};

#[component]
pub fn Recipies() -> impl IntoView {
    view! {
        <Container
            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"),
            ]
        >
            {
                AsyncFetch! {
                    @map_error_in_producer
                    fetcher = recipes_wrapped(),
                    producer = |recipes| {
                        view! {
                            <p>{format!("You have {} recipies.", recipes.len())}</p>
                        }
                    }
                }
            }
        </Container>
    }
}