priceContact added

components/pages/products/slug/rightSide.tsx

@@ -1,4 +1,4 @@
-
+import { usePriceModalStore } from "@/store/useProceModalStore";
 import { Facebook } from "lucide-react";
 
 const socialLinks = [
@@ -11,11 +11,13 @@ const socialLinks = [
 ];
 
 interface RightSideProps {
+  id: number;
   title: string;
   name: string;
   description: string;
   statusText: string;
   statusColor: string;
+  image: string;
 }
 
 export function RightSide({
@@ -24,7 +26,18 @@ export function RightSide({
   description,
   statusColor,
   statusText,
+  id,
+  image,
 }: RightSideProps) {
+  const openModal = usePriceModalStore((state) => state.openModal);
+  const handleGetPrice = () => {
+    openModal({
+      id: id,
+      name: title,
+      image: image,
+      inStock: true,
+    });
+  };
   return (
     <div className="flex flex-col justify-center">
       {/* Title */}
@@ -71,7 +84,7 @@ export function RightSide({
                         Narxni bilish
                       </button> */}
           <button
-            onClick={() => {}}
+            onClick={handleGetPrice}
             className="flex-1 border-2 border-red-700 text-red-700 hover:bg-red-50 font-bold py-3 px-6 rounded-lg transition duration-300"
           >
             Xabar yuborish