From c7e493ce3d2855e61787d86714625bc7fc51f9bd Mon Sep 17 00:00:00 2001 From: HombreLaser Date: Wed, 26 Apr 2023 21:37:38 -0600 Subject: Añade vista de producto individual MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/routes/products/product.tsx | 37 +++++++++++++++++++++++++++++++++++++ src/routes/products/products.tsx | 4 ++-- 2 files changed, 39 insertions(+), 2 deletions(-) create mode 100644 src/routes/products/product.tsx (limited to 'src/routes') diff --git a/src/routes/products/product.tsx b/src/routes/products/product.tsx new file mode 100644 index 0000000..1eecbcf --- /dev/null +++ b/src/routes/products/product.tsx @@ -0,0 +1,37 @@ +import { useLoaderData } from "react-router-dom"; +import { CartPlusFill } from "react-bootstrap-icons" +import ProductListing from "../../components/product_listing"; +import MainContentLayout from "../../components/main_content_layout"; +import Review from "../../components/review"; +import "../../components/stylesheets/shared.css" + +export default function Product() { + const response = useLoaderData(); + const product = response[0].data; + const reviews = response[1].data.data.map(review => +
  • + +
  • + ); + + return ( + <> + + +
    +
    + +
    +
    +
    +
      + {reviews} +
    +
    +
    + + ); +} \ No newline at end of file diff --git a/src/routes/products/products.tsx b/src/routes/products/products.tsx index c7f3a3a..ea06c15 100644 --- a/src/routes/products/products.tsx +++ b/src/routes/products/products.tsx @@ -1,11 +1,11 @@ -import { useLoaderData } from "react-router-dom"; +import { Link, useLoaderData } from "react-router-dom"; import ProductListing from "../../components/product_listing"; import SearchBar from "../../components/search_bar"; import MainContentLayout from "../../components/main_content_layout"; export default function Products() { const products = useLoaderData().data; - const productList = products.map(product => + const productList = products.data.map(product =>
  • -- cgit v1.2.3