From a9f3d37343353ce8450b5983a711403140b886c7 Mon Sep 17 00:00:00 2001
From: jackiettran <41605212+jackiettran@users.noreply.github.com>
Date: Fri, 21 Nov 2025 22:20:07 -0500
Subject: [PATCH] copy link buttons for item detail and forum post

---
 frontend/src/pages/ForumPostDetail.tsx | 22 +++++++++++++++++++++-
 frontend/src/pages/ItemDetail.tsx      | 22 +++++++++++++++++++++-
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/ForumPostDetail.tsx b/frontend/src/pages/ForumPostDetail.tsx
index ae5b1c5..3970c66 100644
--- a/frontend/src/pages/ForumPostDetail.tsx
+++ b/frontend/src/pages/ForumPostDetail.tsx
@@ -222,6 +222,16 @@ const ForumPostDetail: React.FC = () => {
     setDeletionReason('');
   };
 
+  const handleCopyLink = async () => {
+    const shareUrl = `${window.location.origin}/forum/${post?.id}`;
+
+    try {
+      await navigator.clipboard.writeText(shareUrl);
+    } catch (err) {
+      console.error("Copy to clipboard failed:", err);
+    }
+  };
+
   const formatDate = (dateString: string) => {
     const date = new Date(dateString);
     return date.toLocaleString(undefined, {
@@ -292,7 +302,17 @@ const ForumPostDetail: React.FC = () => {
                   Pinned
                 </span>
               )}
-              <h1 className="h3 mb-2">{post.title}</h1>
+              <div className="d-flex align-items-center justify-content-between mb-2">
+                <h1 className="h3 mb-0">{post.title}</h1>
+                <button
+                  className="btn btn-outline-secondary btn-sm"
+                  onClick={handleCopyLink}
+                  aria-label="Copy link to this post"
+                >
+                  <i className="bi bi-link-45deg me-2"></i>
+                  Copy Link
+                </button>
+              </div>
 
               <div className="d-flex gap-2 mb-2 flex-wrap">
                 <div className="d-flex gap-2">
diff --git a/frontend/src/pages/ItemDetail.tsx b/frontend/src/pages/ItemDetail.tsx
index 1cbc033..f71edd5 100644
--- a/frontend/src/pages/ItemDetail.tsx
+++ b/frontend/src/pages/ItemDetail.tsx
@@ -130,6 +130,16 @@ const ItemDetail: React.FC = () => {
     navigate(`/items/${id}/rent?${params.toString()}`);
   };
 
+  const handleCopyLink = async () => {
+    const shareUrl = `${window.location.origin}/items/${item?.id}`;
+
+    try {
+      await navigator.clipboard.writeText(shareUrl);
+    } catch (err) {
+      console.error("Copy to clipboard failed:", err);
+    }
+  };
+
   const handleDateTimeChange = (field: string, value: string) => {
     setRentalDates((prev) => ({
       ...prev,
@@ -458,7 +468,17 @@ const ItemDetail: React.FC = () => {
                 </div>
               )}
               {/* Item Name */}
-              <h1 className="mb-3">{item.name}</h1>
+              <div className="d-flex align-items-center justify-content-between mb-3">
+                <h1 className="mb-0">{item.name}</h1>
+                <button
+                  className="btn btn-outline-secondary btn-sm"
+                  onClick={handleCopyLink}
+                  aria-label="Copy link to this item"
+                >
+                  <i className="bi bi-link-45deg me-2"></i>
+                  Copy Link
+                </button>
+              </div>
 
               {/* Owner Info */}
               {item.owner && (