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;
+}