From 4bf0501f1112f05ab999087e67062aa94a7bb662 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 2 Sep 2025 13:48:30 +0000
Subject: [PATCH] Update video editing interface to better support shows and
 episodes

Remove episode number input and adjust labels/placeholders for show titles and episode details in the video editing form. Modify submission logic to directly use form data.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 170e18f0-0f13-4eca-8643-546bba1dd8cc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/170e18f0-0f13-4eca-8643-546bba1dd8cc/uPMtWcA
---
 client/src/pages/admin.tsx | 40 +++++++++-----------------------------
 1 file changed, 9 insertions(+), 31 deletions(-)

diff --git a/client/src/pages/admin.tsx b/client/src/pages/admin.tsx
index 4c79989..00d9006 100644
--- a/client/src/pages/admin.tsx
+++ b/client/src/pages/admin.tsx
@@ -224,7 +224,6 @@ function EditVideoDialog({
     artist: video.artist || "",
     description: video.description,
     filename: video.filename || "",
-    episodeNumber: video.episodeNumber || "",
     episodeTitle: video.episodeTitle || "",
     tags: video.tags || [],
     contentType: video.contentType,
@@ -277,12 +276,7 @@ function EditVideoDialog({
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    // Convert episodeNumber to number if provided
-    const submitData = {
-      ...formData,
-      episodeNumber: formData.episodeNumber ? parseInt(formData.episodeNumber.toString()) : null
-    };
-    updateMutation.mutate(submitData);
+    updateMutation.mutate(formData);
   };
 
   const generateAIDescription = async () => {
@@ -400,26 +394,26 @@ function EditVideoDialog({
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div>
               <Label className="text-white/90">
-                {formData.episodeNumber ? 'Episode Title / Show Name' : 'Song Title'}
+                {formData.episodeTitle ? 'Show Name' : 'Song Title'}
               </Label>
               <Input
                 value={formData.title}
                 onChange={(e) => setFormData({ ...formData, title: e.target.value })}
                 className="bg-white/10 border-white/20 text-white"
-                placeholder={formData.episodeNumber ? "Episode title or show name..." : "Song title..."}
+                placeholder={formData.episodeTitle ? "Show name (e.g., Die Geschichte des Liedes)..." : "Song title..."}
                 required
               />
             </div>
 
             <div>
               <Label className="text-white/90">
-                {formData.episodeNumber ? 'Guest / Performer' : 'Artist / Band'}
+                {formData.episodeTitle ? 'Main Artist / Band' : 'Artist / Band'}
               </Label>
               <Input
                 value={formData.artist}
                 onChange={(e) => setFormData({ ...formData, artist: e.target.value })}
                 className="bg-white/10 border-white/20 text-white"
-                placeholder={formData.episodeNumber ? "Guest name or performer..." : "Artist or band name..."}
+                placeholder={formData.episodeTitle ? "Main artist or band name..." : "Artist or band name..."}
               />
             </div>
 
@@ -427,35 +421,19 @@ function EditVideoDialog({
               <Label className="text-white/90">Original Filename (from CDN)</Label>
               <Input
                 value={formData.filename || ''}
-                onChange={(e) => setFormData({ ...formData, filename: e.target.value })}
                 className="bg-white/10 border-white/20 text-white"
-                placeholder="Original filename from CDN..."
+                placeholder="Automatically filled from CDN..."
+                readOnly
               />
             </div>
 
             <div>
-              <Label className="text-white/90">Episode Number (for shows)</Label>
-              <Input
-                type="number"
-                value={formData.episodeNumber}
-                onChange={(e) => setFormData({ ...formData, episodeNumber: e.target.value })}
-                className="bg-white/10 border-white/20 text-white"
-                placeholder="e.g., 15 (leave empty for music videos)"
-              />
-              {formData.episodeNumber && (
-                <p className="text-sm text-blue-300 mt-1">
-                  Show mode: Fields above adjusted for episode content
-                </p>
-              )}
-            </div>
-
-            <div>
-              <Label className="text-white/90">Episode Title (for shows)</Label>
+              <Label className="text-white/90">Episode Title / Guest Name</Label>
               <Input
                 value={formData.episodeTitle}
                 onChange={(e) => setFormData({ ...formData, episodeTitle: e.target.value })}
                 className="bg-white/10 border-white/20 text-white"
-                placeholder="e.g., Folk Show Special"
+                placeholder="e.g., Ansambel Zupan"
               />
             </div>