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

update resolve route

Browse Source
This commit is contained in:
Rami Bitar
2026-06-06 11:34:08 -04:00
parent 0625487af0
commit b64c633549
7 changed files with 72 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/commerce/collection.tsx
View File

@@ -1,5 +1,5 @@
import { useState, useCallback } from 'react';
import { useRouteHandle } from '@/lib/resolve-route';
import { useRouteSegment } from '@/hooks/use-route-segment';
import { ChevronDown, SlidersHorizontal } from 'lucide-react';
import type { ShopifyCollection } from '@reacteditor/field-shopify';
import {
@@ -358,7 +358,7 @@ function buildProductFilters(active: ActiveFilters): ProductFilter[] {
export function CollectionView(props: CollectionProps) {
const { collection: selected, showDescription, showCoverImage, customCoverImage, columns, limit, defaultSort } = props;
const routeHandle = useRouteHandle();
const routeHandle = useRouteSegment();
const handle = selected?.handle ?? routeHandle ?? '';
const [sort, setSort] = useState<CollectionSortKey>(defaultSort);

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

@@ -3,7 +3,7 @@
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 { useRouteSegment } from '@/hooks/use-route-segment';
import { useShopifyCart } from '@/hooks/use-shopify-cart';
import ProductDetailGallery from './product-detail-gallery';
import ProductDetailInfo from './product-detail-info';
@@ -44,7 +44,7 @@ interface ProductDetailProps {
}
const ProductDetail: React.FC<ProductDetailProps> = ({ handle: handleProp }) => {
const routeHandle = useRouteHandle();
const routeHandle = useRouteSegment();
const handle = handleProp || routeHandle || '';
const { addItem, openCart } = useShopifyCart();

4
components/commerce/product-details.tsx
View File

@@ -1,5 +1,5 @@
import { useEffect, useState } from "react";
import { useRouteHandle } from "@/lib/resolve-route";
import { useRouteSegment } from "@/hooks/use-route-segment";
import type { ShopifyProduct } from "@reacteditor/field-shopify";
import { useProduct } from "@/hooks/use-shopify-products";
import { useShopifyCart } from "@/hooks/use-shopify-cart";
@@ -14,7 +14,7 @@ export type ProductDetailsProps = {
};
export function ProductDetailsView({ product: selected }: ProductDetailsProps) {
const routeHandle = useRouteHandle();
const routeHandle = useRouteSegment();
const handle = selected?.handle ?? routeHandle ?? null;
const { product, loading } = useProduct(handle);
const cart = useShopifyCart();

4
components/commerce/product-recommendations.tsx
View File

@@ -6,7 +6,7 @@ import {
useProduct,
useProductRecommendations,
} from '@/hooks/use-shopify-products';
import { useRouteHandle } from '@/lib/resolve-route';
import { useRouteSegment } from '@/hooks/use-route-segment';
import { ProductCard } from './product-card';
export type ProductRecommendationsProps = {
@@ -20,7 +20,7 @@ export function ProductRecommendationsView({
heading,
limit,
}: ProductRecommendationsProps) {
const routeHandle = useRouteHandle();
const routeHandle = useRouteSegment();
const handle = selected?.handle ?? routeHandle ?? null;
const { product } = useProduct(handle);
const { recommendations, loading, error } = useProductRecommendations(