updated compoennt file structure
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import { Breadcrumb } from "@/components/breadCrumb";
|
||||
import Catalog from "@/pages/home/blog/catalog";
|
||||
import { ProductBanner } from "@/pages/products";
|
||||
import { MainSubCategory } from "@/pages/subCategory";
|
||||
import Catalog from "@/components/pages/home/blog/catalog";
|
||||
import { ProductBanner } from "@/components/pages/products";
|
||||
import { MainSubCategory } from "@/components/pages/subCategory";
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
|
||||
@@ -1,15 +1,14 @@
|
||||
"use client";
|
||||
|
||||
import { Features, RightSide, SliderComp } from "@/pages/products";
|
||||
import { Features, RightSide, SliderComp } from "@/components/pages/products";
|
||||
import { useProductPageInfo } from "@/zustand/useProduct";
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
import httpClient from "@/request/api";
|
||||
import { endPoints } from "@/request/links";
|
||||
import { LoadingSkeleton } from "@/pages/products/slug/loading";
|
||||
import { EmptyState } from "@/pages/products/slug/empty";
|
||||
import { useEffect } from "react";
|
||||
import { LoadingSkeleton } from "@/components/pages/products/slug/loading";
|
||||
import { EmptyState } from "@/components/pages/products/slug/empty";
|
||||
import { Breadcrumb } from "@/components/breadCrumb";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import { useSearchParams } from "next/dist/client/components/navigation";
|
||||
|
||||
// Types
|
||||
interface ProductImage {
|
||||
@@ -33,13 +32,11 @@ interface ProductDetail {
|
||||
}
|
||||
|
||||
export default function SlugPage() {
|
||||
const searchParams = useSearchParams();
|
||||
const productId = searchParams.get("productId");
|
||||
|
||||
const productZustand = useProductPageInfo((state) => state.product);
|
||||
const id = productId ? Number(productId) : productZustand.id;
|
||||
const { data: product, isLoading } = useQuery({
|
||||
queryKey: ["product", productZustand.id],
|
||||
queryFn: () => httpClient(endPoints.product.detail(id)),
|
||||
queryFn: () => httpClient(endPoints.product.detail(productZustand.id)),
|
||||
select: (data) => data?.data?.data as ProductDetail,
|
||||
});
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use client";
|
||||
import { Breadcrumb } from "@/components/breadCrumb";
|
||||
import { ProductBanner, Products } from "@/pages/products";
|
||||
import { ProductBanner, Products } from "@/components/pages/products";
|
||||
import { useSubCategory } from "@/zustand/useSubCategory";
|
||||
|
||||
export default function Page() {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { Breadcrumb } from "@/components/breadCrumb";
|
||||
import { ProductBanner } from "@/pages/products";
|
||||
import { MainSubCategory } from "@/pages/subCategory";
|
||||
import { ProductBanner } from "@/components/pages/products";
|
||||
import { MainSubCategory } from "@/components/pages/subCategory";
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user