From 7b41f8a87c44cfb3f7389f57e30161fd69a03e99 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 9 Jan 2026 17:32:05 +0000
Subject: [PATCH] Improve social sharing to show correct video previews

Update social share buttons and copy link functionality to use a dedicated sharing URL that generates correct Open Graph metadata, ensuring proper video previews on platforms like Viber, WhatsApp, and Facebook.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 3aacafcb-8b62-4afe-9c7a-6328489a2590
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/EadCoxV
---
 client/src/pages/VideoPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index d92987e..ce3ccc8 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -324,7 +324,7 @@ export default function VideoPage() {
 
   const copyToClipboard = async () => {
     try {
-      await navigator.clipboard.writeText(getShareUrl());
+      await navigator.clipboard.writeText(getFacebookShareUrl());
       const notification = document.createElement('div');
       notification.textContent = 'Link kopiert!';
       notification.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg z-50 transition-opacity duration-300';
@@ -745,13 +745,13 @@ export default function VideoPage() {
                           Facebook
                         </div>
                       </FacebookShareButton>
-                      <TwitterShareButton url={getShareUrl()} title={`Watch "${currentVideo.title}" on video.folx.tv`}>
+                      <TwitterShareButton url={getFacebookShareUrl()} title={`Watch "${currentVideo.title}" on video.folx.tv`}>
                         <div className="w-full px-4 py-2 text-left text-white hover:bg-gray-700 flex items-center gap-2 cursor-pointer">
                           <TwitterIcon size={16} round />
                           Twitter
                         </div>
                       </TwitterShareButton>
-                      <WhatsappShareButton url={getShareUrl()} title={`Watch "${currentVideo.title}" on video.folx.tv`}>
+                      <WhatsappShareButton url={getFacebookShareUrl()} title={`Watch "${currentVideo.title}" on video.folx.tv`}>
                         <div className="w-full px-4 py-2 text-left text-white hover:bg-gray-700 flex items-center gap-2 cursor-pointer">
                           <WhatsappIcon size={16} round />
                           WhatsApp