Davron/ignum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

share button complated

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-02-17 16:55:41 +05:00
parent 123e6324e4
commit 974d31c096
3 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
components/pages/products/slug/rightSide.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import { usePriceModalStore } from "@/store/useProceModalStore";
import { Instagram, Send, Share2 } from "lucide-react";
import { Check, Instagram, Send, Share2 } from "lucide-react";
import { useTranslations } from "next-intl";
import { useParams } from "next/navigation";
import { useState } from "react";
@@ -32,7 +32,7 @@ export function RightSide({
const [copied, setCopied] = useState(false);
const handleShare = async () => {
const productUrl = `${window.location.origin}/${locale}/products/special_product?productId=${id}`;
const productUrl = `${window.location.origin}/${locale}/catalog_page/products/special_product?productId=${id}`;
try {
// Modern Web Share API dan foydalanish (mobil qurilmalar uchun)
@@ -85,7 +85,7 @@ export function RightSide({
return (
<div className="flex flex-col justify-center space-y-6">
{/* Title */}
<h1 className="text-2xl md:text-3xl lg:text-4xl font-unbounded font-bold text-white leading-tight">
<h1 className="text-xl md:text-3xl font-unbounded font-bold text-white leading-tight">
{title}
</h1>
@@ -112,7 +112,7 @@ export function RightSide({
</div>
{/* Price Section */}
<div className="bg-[#1716169f] rounded-xl p-6 space-y-6">
<div className="bg-[#1716169f] rounded-xl p-5 space-y-6">
{/* Price */}
<div>
<p className="text-gray-400 text-sm mb-2">{t("products.price")}:</p>
@@ -131,12 +131,23 @@ export function RightSide({
{/* Social Share */}
<div className="pt-4 border-t border-gray-800 flex items-center gap-5">
<button
<button
onClick={handleShare}
className="p-2.5 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500 flex items-center gap-3"
className="flex items-center gap-3 mb-3 text-gray-400 hover:text-white transition-colors group"
>
<Share2 className="w-5 h-5" />
<span className="text-sm">{t("products.share")}</span>
{copied ? (
<>
<Check className="w-5 h-5 text-green-400" />
<span className="text-sm text-green-400">
{t("products.copied") || "Link nusxalandi!"}
</span>
</>
) : (
<>
<Share2 className="w-5 h-5 group-hover:scale-110 transition-transform" />
<span className="text-sm">{t("products.share")}:</span>
</>
)}
</button>
{/* <a href="" className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500">
<Instagram />