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

Improve video title display by separating artist and song

Browse Source 
Update `FolxStadlPage`, `GeschichteLiedPage`, and `GipfelstammtischPage` to split video titles into artist (uppercase) and song title, improving clarity and presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/HwcENYL
This commit is contained in:
sebastjanartic 2025-09-17 07:31:36 +00:00
parent 12a8b8c1f5
commit 66ffa75bd1
3 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/pages/FolxStadlPage.tsx
View File

@ -243,7 +243,14 @@ export default function FolxStadlPage() {
{/* Video Description */} {/* Video Description */}
<div className="md:col-span-2 space-y-3"> <div className="md:col-span-2 space-y-3">
<h3 className="text-xl font-bold text-white">{video.title}</h3> {/* Artist in UPPERCASE - first line */}
<h3 className="text-xl font-bold text-white uppercase">
{(video.title.split(' - ')[0] || 'video.folx.tv')}
</h3>
{/* Song title - second line */}
<h4 className="text-lg font-medium text-white/90 -mt-1">
{(video.title.split(' - ')[1] || video.title)}
</h4>
<p className="text-bunny-light text-sm leading-relaxed"> <p className="text-bunny-light text-sm leading-relaxed">
{video.description || "Keine Beschreibung für diese Sendung verfügbar."} {video.description || "Keine Beschreibung für diese Sendung verfügbar."}
</p> </p>

9
client/src/pages/GeschichteLiedPage.tsx
View File

@ -245,7 +245,14 @@ export default function GeschichteLiedPage() {
{/* Video Description */} {/* Video Description */}
<div className="md:col-span-2 space-y-3"> <div className="md:col-span-2 space-y-3">
<h3 className="text-xl font-bold text-white">{video.title}</h3> {/* Artist in UPPERCASE - first line */}
<h3 className="text-xl font-bold text-white uppercase">
{(video.title.split(' - ')[0] || 'video.folx.tv')}
</h3>
{/* Song title - second line */}
<h4 className="text-lg font-medium text-white/90 -mt-1">
{(video.title.split(' - ')[1] || video.title)}
</h4>
<p className="text-bunny-light text-sm leading-relaxed"> <p className="text-bunny-light text-sm leading-relaxed">
{video.description || "Keine Beschreibung für diese Sendung verfügbar."} {video.description || "Keine Beschreibung für diese Sendung verfügbar."}
</p> </p>

9
client/src/pages/GipfelstammtischPage.tsx
View File

@ -245,7 +245,14 @@ export default function GipfelstammtischPage() {
{/* Video Description */} {/* Video Description */}
<div className="md:col-span-2 space-y-3"> <div className="md:col-span-2 space-y-3">
<h3 className="text-xl font-bold text-white">{video.title}</h3> {/* Artist in UPPERCASE - first line */}
<h3 className="text-xl font-bold text-white uppercase">
{(video.title.split(' - ')[0] || 'video.folx.tv')}
</h3>
{/* Song title - second line */}
<h4 className="text-lg font-medium text-white/90 -mt-1">
{(video.title.split(' - ')[1] || video.title)}
</h4>
<p className="text-bunny-light text-sm leading-relaxed"> <p className="text-bunny-light text-sm leading-relaxed">
{video.description || "Keine Beschreibung für diese Sendung verfügbar."} {video.description || "Keine Beschreibung für diese Sendung verfügbar."}
</p> </p>