copy link buttons for item detail and forum post

This commit is contained in:
jackiettran
2025-11-21 22:20:07 -05:00
parent f2d42dffee
commit a9f3d37343
2 changed files with 42 additions and 2 deletions

View File

@@ -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 && (