From a61edee033765d548684f1863bfbadeeaa33bf57 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 2 Sep 2025 13:38:02 +0000
Subject: [PATCH] Add content type and genre selection to video editing for
 better categorization

Update the admin interface to include dropdowns for selecting content type and genre when editing videos, improving content organization.

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/mBFpYYY
---
 client/src/pages/admin.tsx | 81 +++++++++++++++++++-------------------
 1 file changed, 41 insertions(+), 40 deletions(-)

diff --git a/client/src/pages/admin.tsx b/client/src/pages/admin.tsx
index f88862d..15ba42a 100644
--- a/client/src/pages/admin.tsx
+++ b/client/src/pages/admin.tsx
@@ -345,6 +345,47 @@ function EditVideoDialog({
         </DialogHeader>
 
         <form onSubmit={handleSubmit} className="space-y-6">
+          {/* Content Type and Genre - Top Priority */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 p-4 bg-white/5 rounded-lg border border-white/10">
+            <div>
+              <Label className="text-white/90">Content Type</Label>
+              <Select 
+                value={formData.contentType} 
+                onValueChange={(value) => setFormData({ ...formData, contentType: value as any })}
+              >
+                <SelectTrigger className="bg-white/10 border-white/20 text-white">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent className="bg-[#2D1B69] border-white/20">
+                  <SelectItem value="video">🎵 Music Video</SelectItem>
+                  <SelectItem value="oddaja">🎭 Show/Episode</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+
+            <div>
+              <Label className="text-white/90">Genre</Label>
+              <Select 
+                value={formData.genre} 
+                onValueChange={(value) => setFormData({ ...formData, genre: value })}
+              >
+                <SelectTrigger className="bg-white/10 border-white/20 text-white">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent className="bg-[#2D1B69] border-white/20">
+                  <SelectItem value="volksmusik">🎵 Volksmusik</SelectItem>
+                  <SelectItem value="traditional">🏔️ Traditional Alpine</SelectItem>
+                  <SelectItem value="polka">💃 Polka</SelectItem>
+                  <SelectItem value="waltz">🕺 Waltz</SelectItem>
+                  <SelectItem value="schlager">🎤 Schlager</SelectItem>
+                  <SelectItem value="interview">🎙️ Interview</SelectItem>
+                  <SelectItem value="talk_show">📺 Talk Show</SelectItem>
+                  <SelectItem value="folk_show">🎭 Folk Show</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div>
               <Label className="text-white/90">
@@ -452,46 +493,6 @@ function EditVideoDialog({
               </div>
             </div>
 
-            <div>
-              <Label className="text-white/90">Content Type</Label>
-              <Select 
-                value={formData.contentType} 
-                onValueChange={(value) => setFormData({ ...formData, contentType: value as any })}
-              >
-                <SelectTrigger className="bg-white/10 border-white/20 text-white">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent className="bg-[#2D1B69] border-white/20">
-                  <SelectItem value="video">Video</SelectItem>
-                  <SelectItem value="oddaja">Oddaja</SelectItem>
-                  <SelectItem value="music_video">Music Video</SelectItem>
-                  <SelectItem value="documentary">Documentary</SelectItem>
-                  <SelectItem value="live">Live</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-
-            <div>
-              <Label className="text-white/90">Genre</Label>
-              <Select 
-                value={formData.genre} 
-                onValueChange={(value) => setFormData({ ...formData, genre: value as any })}
-              >
-                <SelectTrigger className="bg-white/10 border-white/20 text-white">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent className="bg-[#2D1B69] border-white/20">
-                  <SelectItem value="volksmusik">Volksmusik</SelectItem>
-                  <SelectItem value="schlager">Schlager</SelectItem>
-                  <SelectItem value="pop">Pop</SelectItem>
-                  <SelectItem value="rock">Rock</SelectItem>
-                  <SelectItem value="country">Country</SelectItem>
-                  <SelectItem value="instrumental">Instrumental</SelectItem>
-                  <SelectItem value="dance">Dance</SelectItem>
-                  <SelectItem value="other">Other</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
 
             <div className="md:col-span-2">
               <Label className="text-white/90">Custom Thumbnail URL</Label>