From e0b77429c93ece38b79e5350e08227b4ef36ca14 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 12 Jan 2026 12:47:31 +0000
Subject: [PATCH 1/2] Initial plan


From d597f5eadbdafbbe9b8bc9a9a3d4981f87cec7b0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 12 Jan 2026 12:50:22 +0000
Subject: [PATCH 2/2] Address PR review feedback: export prop types and remove
 unused code

Co-authored-by: rafiqul4 <124497017+rafiqul4@users.noreply.github.com>
---
 src/components/home/products-section.tsx | 5 -----
 src/components/ui/dialog.tsx             | 8 ++++++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/home/products-section.tsx b/src/components/home/products-section.tsx
index 84f43d8..1b7db12 100644
--- a/src/components/home/products-section.tsx
+++ b/src/components/home/products-section.tsx
@@ -1,6 +1,5 @@
 "use client"
 
-import { useState } from "react"
 import Image from "next/image"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { Container } from "@/components/ui/container"
@@ -74,8 +73,6 @@ interface ProductsSectionProps {
 }
 
 export default function ProductsSection({ className }: ProductsSectionProps) {
-  const [selectedProduct, setSelectedProduct] = useState<Product | null>(null)
-
   return (
     <section className={className} aria-labelledby="products-heading">
       <Container className="py-16 sm:py-24">
@@ -149,7 +146,6 @@ export default function ProductsSection({ className }: ProductsSectionProps) {
                             variant="outline" 
                             size="sm" 
                             className="flex-1"
-                            onClick={() => setSelectedProduct(product)}
                           >
                             View Details
                           </Button>
@@ -194,7 +190,6 @@ export default function ProductsSection({ className }: ProductsSectionProps) {
                         width={1200}
                         height={675}
                         className="w-full h-auto object-cover"
-                        priority
                       />
                     </div>
 
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 2844f05..c28acf6 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -53,10 +53,12 @@ const DialogContent = React.forwardRef<
 ))
 DialogContent.displayName = DialogPrimitive.Content.displayName
 
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+
 const DialogHeader = ({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
+}: DialogHeaderProps) => (
   <div
     className={cn(
       "flex flex-col space-y-1.5 text-center sm:text-left",
@@ -67,10 +69,12 @@ const DialogHeader = ({
 )
 DialogHeader.displayName = "DialogHeader"
 
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+
 const DialogFooter = ({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
+}: DialogFooterProps) => (
   <div
     className={cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",