frontend/react-editor-shopify-nextjs
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update react editor

Browse Source
This commit is contained in:
Rami Bitar
2026-06-04 11:49:01 -04:00
parent 7f86072636
commit 8a558d3217
18 changed files with 140 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/commerce/product-detail/index.tsx
View File

@@ -3,10 +3,10 @@
import React, { useState, useEffect } from 'react';
import Link from 'next/link';
import { useProduct, type Product } from '@/hooks/use-shopify-products';
import { useRouteHandle } from '@/lib/resolve-route';
import { useShopifyCart } from '@/hooks/use-shopify-cart';
import ProductDetailGallery from './product-detail-gallery';
import ProductDetailInfo from './product-detail-info';
import ProductRecommendations from './product-recommendations';
import { Button } from '@/components/ui/button';
import { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert';
import { Skeleton } from '@/components/ui/skeleton';
@@ -44,7 +44,8 @@ interface ProductDetailProps {
}
const ProductDetail: React.FC<ProductDetailProps> = ({ handle: handleProp }) => {
const handle = handleProp || '';
const routeHandle = useRouteHandle();
const handle = handleProp || routeHandle || '';
const { addItem, openCart } = useShopifyCart();
const { product, loading, error } = useProduct(handle);
@@ -197,8 +198,6 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ handle: handleProp }) =>
/>
</div>
</div>
<ProductRecommendations productId={product.id} />
</div>
);
};