Translate video page interface and sharing options into English

Update various text elements on the video page from Slovene to English, including loading messages, error messages, button labels, and social media share descriptions. Also adjusts the query key for fetching video data.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/SnoheaM

client/src/pages/VideoPage.tsx

@@ -53,7 +53,7 @@ export default function VideoPage() {
 
   // Fetch current video
   const { data: currentVideo, isLoading: videoLoading } = useQuery<Video>({
-    queryKey: ["/api/videos", videoId],
+    queryKey: [`/api/videos/${videoId}`],
     enabled: !!videoId,
   });
 
@@ -85,7 +85,7 @@ export default function VideoPage() {
     try {
       await navigator.clipboard.writeText(getShareUrl());
       const notification = document.createElement('div');
-      notification.textContent = 'Povezava kopirana!';
+      notification.textContent = 'Link copied!';
       notification.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg z-50 transition-opacity duration-300';
       document.body.appendChild(notification);
       setTimeout(() => {
@@ -101,7 +101,7 @@ export default function VideoPage() {
   if (videoLoading) {
     return (
       <div className="min-h-screen bg-bunny-dark flex items-center justify-center">
-        <div className="text-white">Nalagam video...</div>
+        <div className="text-white">Loading video...</div>
       </div>
     );
   }
@@ -109,7 +109,7 @@ export default function VideoPage() {
   if (!currentVideo) {
     return (
       <div className="min-h-screen bg-bunny-dark flex items-center justify-center">
-        <div className="text-white">Video ni najden</div>
+        <div className="text-white">Video not found</div>
       </div>
     );
   }
@@ -129,7 +129,7 @@ export default function VideoPage() {
             onClick={() => window.history.back()}
             className="bg-gray-700 hover:bg-gray-600 text-white"
           >
-            ← Nazaj
+            ← Back
           </Button>
         </div>
       </header>
@@ -152,7 +152,7 @@ export default function VideoPage() {
                 />
               ) : (
                 <div className="absolute inset-0 flex items-center justify-center text-white">
-                  <p>Video ni na voljo</p>
+                  <p>Video not available</p>
                 </div>
               )}
             </div>
@@ -172,7 +172,7 @@ export default function VideoPage() {
                     className="text-white hover:bg-gray-700"
                   >
                     <Share2 className="w-4 h-4 mr-2" />
-                    Deli
+                    Share
                   </Button>
                   
                   {showShareMenu && (
@@ -183,13 +183,13 @@ export default function VideoPage() {
                           Facebook
                         </button>
                       </FacebookShareButton>
-                      <TwitterShareButton url={getShareUrl()} title={`Poglej si "${currentVideo.title}" na go4.video`}>
+                      <TwitterShareButton url={getShareUrl()} title={`Watch "${currentVideo.title}" on go4.video`}>
                         <button className="w-full px-4 py-2 text-left text-white hover:bg-gray-700 flex items-center gap-2">
                           <TwitterIcon size={16} round />
                           Twitter
                         </button>
                       </TwitterShareButton>
-                      <WhatsappShareButton url={getShareUrl()} title={`Poglej si "${currentVideo.title}" na go4.video`}>
+                      <WhatsappShareButton url={getShareUrl()} title={`Watch "${currentVideo.title}" on go4.video`}>
                         <button className="w-full px-4 py-2 text-left text-white hover:bg-gray-700 flex items-center gap-2">
                           <WhatsappIcon size={16} round />
                           WhatsApp
@@ -199,7 +199,7 @@ export default function VideoPage() {
                         onClick={copyToClipboard}
                         className="w-full px-4 py-2 text-left text-white hover:bg-gray-700"
                       >
-                        Kopiraj povezavo
+                        Copy link
                       </button>
                     </div>
                   )}
@@ -207,7 +207,7 @@ export default function VideoPage() {
               </div>
 
               <div className="flex flex-wrap gap-4 text-sm text-bunny-muted mb-4">
-                <span>{formatViews(currentVideo.views)} ogledov</span>
+                <span>{formatViews(currentVideo.views)} views</span>
                 <span>{formatDuration(currentVideo.duration)}</span>
                 <span>{formatDate(currentVideo.createdAt)}</span>
               </div>
@@ -230,7 +230,7 @@ export default function VideoPage() {
 
           {/* Recommended videos sidebar */}
           <div className="lg:w-96">
-            <h2 className="text-lg font-semibold text-bunny-light mb-4">Priporočeni videji</h2>
+            <h2 className="text-lg font-semibold text-bunny-light mb-4">Recommended videos</h2>
             
             <div className="space-y-3">
               {recommendedVideos.slice(0, 10).map((video) => (
@@ -265,7 +265,7 @@ export default function VideoPage() {
                       {video.title}
                     </h3>
                     <div className="text-xs text-bunny-muted space-y-0.5">
-                      <div>{formatViews(video.views)} ogledov</div>
+                      <div>{formatViews(video.views)} views</div>
                       <div>{formatDate(video.createdAt)}</div>
                     </div>
                   </div>