manage variant producy

src/router/Main.tsx

@@ -13,6 +13,7 @@ import Variant from '../pages/category/Variant'
 import Attributes from '../pages/category/Attributes'
 import CreateProduct from '../pages/products/Create'
 import ListProduct from '../pages/products/List'
+import ProductVariant from '@/pages/products/ProductVariant'
 
 const MainRouter: FC = () => {
 
@@ -38,6 +39,7 @@ const MainRouter: FC = () => {
                             <Route path={`${Pages.category.attributes}:id`} element={<Attributes />} />
                             <Route path={Pages.products.create} element={<CreateProduct />} />
                             <Route path={Pages.products.list} element={<ListProduct />} />
+                            <Route path={`${Pages.products.variants}:id`} element={<ProductVariant />} />
                         </Routes>
                     </div>
                 </div>