Añade vista de producto individual

1 files changed, 9 insertions, 3 deletions

diff --git a/src/main.tsx b/src/main.tsx
index 7d0af9a..45f5fd6 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,17 +2,23 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { createBrowserRouter, Navigate, RouterProvider } from 'react-router-dom'
 import Products from "./routes/products/products";
+import Product from "./routes/products/product";
 import Layout from "./components/layout";
-import productLoader from "./clients/loader"; 
-import './index.css'
+import { loader, productLoader } from "./clients/loaders"; 
+import './index.css';
 
 const routes = [
   {
     path: '/products',
-    loader: productLoader,
+    loader: loader,
     element: <Products/>
   },
   {
+    path: "products/:productId",
+    loader: productLoader,
+    element: <Product/>
+  },
+  {
     path: '/',
     element: <Navigate to='/products'/>
   }