Update src/app/shop/[id]/page.tsx
This commit is contained in:
@@ -4,7 +4,6 @@ import { use, useCallback } from "react";
|
|||||||
import { useRouter } from "next/navigation";
|
import { useRouter } from "next/navigation";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarMinimal from '@/components/sections/navbar/NavbarMinimal';
|
|
||||||
import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
|
import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
|
||||||
import ProductCart from "@/components/ecommerce/cart/ProductCart";
|
import ProductCart from "@/components/ecommerce/cart/ProductCart";
|
||||||
import { useProductDetail } from "@/hooks/useProductDetail";
|
import { useProductDetail } from "@/hooks/useProductDetail";
|
||||||
@@ -80,17 +79,6 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
|
||||||
<NavbarMinimal
|
|
||||||
logo="Waitlist"
|
|
||||||
links={[]}
|
|
||||||
navItems={[
|
|
||||||
{ name: "Home", id: "/" },
|
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||||
<p className="text-foreground">Loading product...</p>
|
<p className="text-foreground">Loading product...</p>
|
||||||
</main>
|
</main>
|
||||||
@@ -114,17 +102,6 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
|
||||||
<NavbarMinimal
|
|
||||||
logo="Waitlist"
|
|
||||||
links={[]}
|
|
||||||
navItems={[
|
|
||||||
{ name: "Home", id: "/" },
|
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<p className="text-foreground mb-4">Product not found</p>
|
<p className="text-foreground mb-4">Product not found</p>
|
||||||
@@ -155,17 +132,6 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
|
||||||
<NavbarMinimal
|
|
||||||
logo="Waitlist"
|
|
||||||
links={[]}
|
|
||||||
navItems={[
|
|
||||||
{ name: "Home", id: "/" },
|
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div id="product-detail-card" data-section="product-detail-card">
|
<div id="product-detail-card" data-section="product-detail-card">
|
||||||
<ProductDetailCard
|
<ProductDetailCard
|
||||||
layout="page"
|
layout="page"
|
||||||
|
|||||||
Reference in New Issue
Block a user