From ff589e4b0aff9054254afd3c16289a310078d647 Mon Sep 17 00:00:00 2001
From: Claw AI <claw@example.com>
Date: Mon, 30 Mar 2026 00:17:39 +0000
Subject: [PATCH] Implement share button with Web Share API + clipboard
 fallback

- Uses navigator.share() on mobile (native share sheet)
- Falls back to clipboard copy on desktop with toast confirmation
---
 app/property/[id]/page.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/property/[id]/page.js b/app/property/[id]/page.js
index 88afeae..97b6792 100644
--- a/app/property/[id]/page.js
+++ b/app/property/[id]/page.js
@@ -342,7 +342,21 @@ export default function PropertyDetailsPage() {
               <button className="p-2 hover:bg-gray-100 rounded-full transition-colors">
                 <Heart className="w-5 h-5 text-gray-600" />
               </button>
-              <button className="p-2 hover:bg-gray-100 rounded-full transition-colors">
+              <button
+                onClick={async () => {
+                  const url = window.location.href;
+                  const title = property?.title || 'عقار';
+                  if (navigator.share) {
+                    try {
+                      await navigator.share({ title, text: `تحقق من هذا العقار: ${title}`, url });
+                    } catch {}
+                  } else {
+                    await navigator.clipboard.writeText(url);
+                    toast.success('تم نسخ الرابط');
+                  }
+                }}
+                className="p-2 hover:bg-gray-100 rounded-full transition-colors"
+              >
                 <Share2 className="w-5 h-5 text-gray-600" />
               </button>
             </div>