sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Translate video page interface and sharing options into English

Browse Source 
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
This commit is contained in:
sebastjanartic 2025-08-28 11:41:11 +00:00
parent e57072e917
commit 1ede557133
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
client/src/pages/VideoPage.tsx
View File

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