diff --git a/attached_assets/image_1754683917824.png b/attached_assets/image_1754683917824.png new file mode 100644 index 0000000..850b697 Binary files /dev/null and b/attached_assets/image_1754683917824.png differ diff --git a/attached_assets/image_1754683943555.png b/attached_assets/image_1754683943555.png new file mode 100644 index 0000000..9ec990b Binary files /dev/null and b/attached_assets/image_1754683943555.png differ diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx index 0875677..ccd4460 100644 --- a/client/src/components/video-modal.tsx +++ b/client/src/components/video-modal.tsx @@ -71,11 +71,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }: const [volume, setVolume] = useState(1); const [hoverTime, setHoverTime] = useState(-1); - // Switch to VAST player for monetization - if (isOpen && video && useVASTPlayer && enableAds) { - return ; - } - + // All hooks must be declared before any conditional returns useEffect(() => { const handleEscape = (e: KeyboardEvent) => { if (e.key === "Escape" && isOpen) { @@ -95,6 +91,11 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }: document.body.style.overflow = ""; }; }, [isOpen, onClose]); + + // Switch to VAST player for monetization + if (isOpen && video && useVASTPlayer && enableAds) { + return ; + } // Initialize HLS when video is available useEffect(() => { diff --git a/client/src/index.css b/client/src/index.css index 9dcde32..bafa09d 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -174,3 +174,13 @@ textarea[data-testid*="input-video"]::placeholder { .video-edit-modal .dark\:text-gray-300 { color: #ffffff !important; } + +/* Dropdown/Select elementi - siva shema */ +.video-edit-modal select, +select[data-testid*="select"], +.video-edit-modal [role="combobox"], +.video-edit-modal button[role="combobox"] { + background-color: #374151 !important; + color: #ffffff !important; + border-color: #6b7280 !important; +}