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

Restored to '8b2eb2a6aafb181bb1f91b8959d05ff22e192916'

Browse Source 
Replit-Restored-To: 8b2eb2a6aa
This commit is contained in:
sebastjanartic 2025-08-30 22:28:18 +00:00
parent 311e865651
commit 24f6333ddf
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,7 +24,7 @@ const formatDuration = (seconds: number): string => {
const formatDate = (date: Date | string): string => { const formatDate = (date: Date | string): string => {
const d = typeof date === 'string' ? new Date(date) : date; const d = typeof date === 'string' ? new Date(date) : date;
return d.toLocaleDateString('de-DE', { return d.toLocaleDateString('en-US', {
year: 'numeric', year: 'numeric',
month: 'long', month: 'long',
day: 'numeric' day: 'numeric'
@ -171,7 +171,7 @@ export default function VideoPage() {
try { try {
await navigator.clipboard.writeText(getShareUrl()); await navigator.clipboard.writeText(getShareUrl());
const notification = document.createElement('div'); const notification = document.createElement('div');
notification.textContent = 'Link kopiert!'; 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'; 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); document.body.appendChild(notification);
setTimeout(() => { setTimeout(() => {
@ -187,7 +187,7 @@ export default function VideoPage() {
if (videoLoading) { if (videoLoading) {
return ( return (
<div className="min-h-screen bg-bunny-dark flex items-center justify-center"> <div className="min-h-screen bg-bunny-dark flex items-center justify-center">
<div className="text-white">Video wird geladen...</div> <div className="text-white">Nalagam video...</div>
</div> </div>
); );
} }
@ -195,7 +195,7 @@ export default function VideoPage() {
if (!currentVideo) { if (!currentVideo) {
return ( return (
<div className="min-h-screen bg-bunny-dark flex items-center justify-center"> <div className="min-h-screen bg-bunny-dark flex items-center justify-center">
<div className="text-white">Video nicht gefunden</div> <div className="text-white">Video not found</div>
</div> </div>
); );
} }
@ -222,7 +222,7 @@ export default function VideoPage() {
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6"> <nav className="flex space-x-6">
<Link href="/" className="text-bunny-light hover:text-bunny-blue transition-colors"> <Link href="/" className="text-bunny-light hover:text-bunny-blue transition-colors">
Startseite Home
</Link> </Link>
<Link href="/folx-stadl" className="text-bunny-light hover:text-bunny-blue transition-colors"> <Link href="/folx-stadl" className="text-bunny-light hover:text-bunny-blue transition-colors">
FOLX STADL FOLX STADL
@ -431,7 +431,7 @@ export default function VideoPage() {
className="text-white hover:bg-gray-700" className="text-white hover:bg-gray-700"
> >
<Share2 className="w-4 h-4 mr-2" /> <Share2 className="w-4 h-4 mr-2" />
Teilen Share
</Button> </Button>
{showShareMenu && ( {showShareMenu && (
@ -458,7 +458,7 @@ export default function VideoPage() {
onClick={copyToClipboard} onClick={copyToClipboard}
className="w-full px-4 py-2 text-left text-white hover:bg-gray-700" className="w-full px-4 py-2 text-left text-white hover:bg-gray-700"
> >
Link kopieren Copy Link
</button> </button>
</div> </div>
)} )}
@ -466,7 +466,7 @@ export default function VideoPage() {
</div> </div>
<div className="flex flex-wrap gap-4 text-sm text-bunny-muted mb-4"> <div className="flex flex-wrap gap-4 text-sm text-bunny-muted mb-4">
<span>{formatViews(currentVideo.views)} Aufrufe</span> <span>{formatViews(currentVideo.views)} views</span>
<span>{formatDuration(currentVideo.duration)}</span> <span>{formatDuration(currentVideo.duration)}</span>
<span>{formatDate(currentVideo.createdAt)}</span> <span>{formatDate(currentVideo.createdAt)}</span>
</div> </div>
@ -479,7 +479,7 @@ export default function VideoPage() {
</div> </div>
) : ( ) : (
<div className="text-bunny-muted text-sm"> <div className="text-bunny-muted text-sm">
<p>Videobeschreibung nicht verfügbar.</p> <p>Video description not available.</p>
</div> </div>
)} )}
</div> </div>
@ -531,7 +531,7 @@ export default function VideoPage() {
{video.title} {video.title}
</h3> </h3>
<div className="text-xs text-bunny-muted"> <div className="text-xs text-bunny-muted">
<div>{formatViews(video.views)} Aufrufe • {formatDate(video.createdAt)}</div> <div>{formatViews(video.views)} views • {formatDate(video.createdAt)}</div>
</div> </div>
</div> </div>
</div> </div>