From bc1b2e522180a7eab84122f1390900cc3d438f0f Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 5 Aug 2025 06:19:11 +0000
Subject: [PATCH] Track when users share videos on social media platforms for
 better insights

Adds console logs to track clicks on Facebook, Twitter, and WhatsApp share buttons in VideoModal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 11420304-80a9-4ef2-adff-cbdaa418ffa8
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/11420304-80a9-4ef2-adff-cbdaa418ffa8/MgTHVZ0
---
 client/src/components/video-modal.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index e2c92c6..433e3a6 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -321,6 +321,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
                     <FacebookShareButton
                       url={getShareUrl()}
                       hashtag="#video"
+                      onClick={() => console.log('Facebook share clicked:', getShareUrl())}
                     >
                       <div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer">
                         <FacebookIcon size={20} round />
@@ -331,6 +332,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
                     <TwitterShareButton
                       url={getShareUrl()}
                       title={`Watch: ${video.title}`}
+                      onClick={() => console.log('Twitter share clicked:', getShareUrl())}
                     >
                       <div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer">
                         <TwitterIcon size={20} round />
@@ -341,6 +343,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
                     <WhatsappShareButton
                       url={getShareUrl()}
                       title={`Watch: ${video.title}`}
+                      onClick={() => console.log('WhatsApp share clicked:', getShareUrl())}
                     >
                       <div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer">
                         <WhatsappIcon size={20} round />