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 />