(fix): two small errors
This commit is contained in:
parent
28a3d72fad
commit
9edd548466
2 changed files with 1 additions and 8 deletions
|
|
@ -172,7 +172,6 @@ export function Popout({ participant }: { participant: Participant }) {
|
||||||
};
|
};
|
||||||
|
|
||||||
const getCornerResizeDelta = (
|
const getCornerResizeDelta = (
|
||||||
e: React.PointerEvent,
|
|
||||||
horizontalDelta: number,
|
horizontalDelta: number,
|
||||||
verticalDelta: number,
|
verticalDelta: number,
|
||||||
) => {
|
) => {
|
||||||
|
|
@ -193,25 +192,21 @@ export function Popout({ participant }: { participant: Participant }) {
|
||||||
return (e.clientY - resizeRef.current.clientY) / ASPECT_RATIO;
|
return (e.clientY - resizeRef.current.clientY) / ASPECT_RATIO;
|
||||||
case "top-left":
|
case "top-left":
|
||||||
return getCornerResizeDelta(
|
return getCornerResizeDelta(
|
||||||
e,
|
|
||||||
resizeRef.current.clientX - e.clientX,
|
resizeRef.current.clientX - e.clientX,
|
||||||
(resizeRef.current.clientY - e.clientY) / ASPECT_RATIO,
|
(resizeRef.current.clientY - e.clientY) / ASPECT_RATIO,
|
||||||
);
|
);
|
||||||
case "top-right":
|
case "top-right":
|
||||||
return getCornerResizeDelta(
|
return getCornerResizeDelta(
|
||||||
e,
|
|
||||||
e.clientX - resizeRef.current.clientX,
|
e.clientX - resizeRef.current.clientX,
|
||||||
(resizeRef.current.clientY - e.clientY) / ASPECT_RATIO,
|
(resizeRef.current.clientY - e.clientY) / ASPECT_RATIO,
|
||||||
);
|
);
|
||||||
case "bottom-right":
|
case "bottom-right":
|
||||||
return getCornerResizeDelta(
|
return getCornerResizeDelta(
|
||||||
e,
|
|
||||||
e.clientX - resizeRef.current.clientX,
|
e.clientX - resizeRef.current.clientX,
|
||||||
(e.clientY - resizeRef.current.clientY) / ASPECT_RATIO,
|
(e.clientY - resizeRef.current.clientY) / ASPECT_RATIO,
|
||||||
);
|
);
|
||||||
case "bottom-left":
|
case "bottom-left":
|
||||||
return getCornerResizeDelta(
|
return getCornerResizeDelta(
|
||||||
e,
|
|
||||||
resizeRef.current.clientX - e.clientX,
|
resizeRef.current.clientX - e.clientX,
|
||||||
(e.clientY - resizeRef.current.clientY) / ASPECT_RATIO,
|
(e.clientY - resizeRef.current.clientY) / ASPECT_RATIO,
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -37,9 +37,7 @@ function syncDocumentClasses(targetDocument: Document) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function PopoutScreen() {
|
function PopoutScreen() {
|
||||||
const closeCheckRef = useRef<ReturnType<typeof window.setInterval> | null>(
|
const closeCheckRef = useRef<number | null>(null);
|
||||||
null,
|
|
||||||
);
|
|
||||||
const [container, setContainer] = useState<HTMLDivElement | null>(null);
|
const [container, setContainer] = useState<HTMLDivElement | null>(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue