+
@@ -70,7 +70,7 @@ export default function MiniEventCard({ event, onUpdate }: MiniEventCardProps) {
{event.camera.replaceAll("_", " ")}
+
(null);
const apiHost = useApiHost();
+ const isSafari = useMemo(() => {
+ return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+ }, []);
const [visible, setVisible] = useState(false);
@@ -85,7 +89,12 @@ export default function PreviewThumbnailPlayer({
onPlayback(false);
}
},
- { threshold: 1.0 }
+ {
+ threshold: 1.0,
+ root: document.getElementById("pageRoot"),
+ // iOS has bug where poster is empty frame until video starts playing so playback needs to begin earlier
+ rootMargin: isSafari ? "10% 0px 25% 0px" : "0px",
+ }
);
if (node) autoPlayObserver.current.observe(node);
} catch (e) {
@@ -97,7 +106,10 @@ export default function PreviewThumbnailPlayer({
);
let content;
- if (!relevantPreview || !visible) {
+
+ if (relevantPreview && !visible) {
+ content = ;
+ } else if (!relevantPreview) {
if (isCurrentHour(startTs)) {
content = (
);
+ } else {
+ content = (
+ 
+ );
}
-
- content = (
-
- );
} else {
content = (
- ();
const [error, setError] = useState();
- const editorRef = useRef();
- const modelRef = useRef();
+ const editorRef = useRef(null);
+ const modelRef = useRef(null);
+ const configRef = useRef(null);
const onHandleSaveConfig = useCallback(
async (save_option: SaveOptions) => {
@@ -72,6 +73,7 @@ function ConfigEditor() {
if (modelRef.current != null) {
// we don't need to recreate the editor if it already exists
+ editorRef.current?.layout();
return;
}
@@ -97,9 +99,9 @@ function ConfigEditor() {
],
});
- const container = document.getElementById("container");
+ const container = configRef.current;
- if (container != undefined) {
+ if (container != null) {
editorRef.current = monaco.editor.create(container, {
language: "yaml",
model: modelRef.current,
@@ -107,6 +109,12 @@ function ConfigEditor() {
theme: theme == "dark" ? "vs-dark" : "vs-light",
});
}
+
+ return () => {
+ configRef.current = null;
+ editorRef.current = null;
+ modelRef.current = null;
+ };
});
if (!config) {
@@ -149,7 +157,7 @@ function ConfigEditor() {
)}
-
+
);
+ } else {
+ content = (
+
+ );
}
-
- content = (
-
- );
} else {
content = (
-
- {
- playerRef.current = player;
- player.playbackRate(8);
- player.currentTime(startTs - relevantPreview.start);
- }}
- onDispose={() => {
- playerRef.current = null;
- }}
- />
-
+ <>
+
+ {
+ playerRef.current = player;
+ player.playbackRate(isSafari ? 2 : 8);
+ player.currentTime(startTs - relevantPreview.start);
+ }}
+ onDispose={() => {
+ playerRef.current = null;
+ }}
+ />
+
+