1 files changed, 68 insertions, 0 deletions
diff --git a/src/pages/products.rs b/src/pages/products.rs
new file mode 100644
index 0000000..5c5b885
--- /dev/null
+++ b/src/pages/products.rs
@@ -0,0 +1,68 @@
+use leptos::{
+    IntoView, component,
+    prelude::{ClassAttribute, ElementChild},
+    view,
+};
+use rocie_client::models::{Product, ProductParent};
+
+use crate::{
+    api::{
+        product_parents_toplevel_wrapped, product_parents_under_404_wrapped,
+        products_by_product_parent_id_direct_wrapped,
+        products_by_product_parent_id_indirect_wrapped, products_without_product_parent_wrapped,
+    },
+    components::{
+        async_fetch::{AsyncFetch, AsyncResource},
+        catch_errors::CatchErrors,
+        login_wall::LoginWall,
+        site_header::SiteHeader,
+    },
+    pages::mk_render_parents,
+};
+
+#[component]
+pub fn Products() -> impl IntoView {
+    view! {
+        <CatchErrors>
+            <LoginWall back=move || "/products".to_owned()>
+                <SiteHeader logo=icondata_io::IoArrowBack back_location="/" name="Products" />
+
+                <ul class="flex flex-col p-2 m-2">
+                    {
+                        AsyncFetch! {
+                            @map_error_in_producer
+                        from_resource = AsyncResource!(
+                            () -> Result<(Vec<ProductParent>, Vec<Product>), leptos::error::Error> {
+                                Ok((
+                                    product_parents_toplevel_wrapped().await?,
+                                    products_without_product_parent_wrapped().await?
+                                ))
+                            }
+                        ),
+                        producer = |(parents, toplevel_products)| render_product_parents(Some(parents), Some(toplevel_products)),
+                        }
+                    }
+                </ul>
+            </LoginWall>
+        </CatchErrors>
+    }
+}
+
+mk_render_parents!(
+    self = render_product_parents,
+    parent_type = ProductParent,
+    item_type = Product,
+    value_renderer = render_products,
+    under_parent_fetcher = product_parents_under_404_wrapped,
+    indirect_fetcher = products_by_product_parent_id_indirect_wrapped,
+    direct_fetcher = products_by_product_parent_id_direct_wrapped,
+);
+
+fn render_products(products: Vec<Product>) -> impl IntoView {
+    products
+        .into_iter()
+        .map(|product| {
+            view! { <li>{product.name}</li> }
+        })
+        .collect::<Vec<_>>()
+}