- addressed bugs flagged by BR

This commit is contained in:
2025-11-10 13:44:29 +00:00
parent ddeedd2d72
commit feddaa1eb0
9 changed files with 60 additions and 81 deletions

View File

@@ -10,18 +10,9 @@ type SnapshotContainerProps = {
onZoomLevelChange?: (level: number) => void;
};
export const SnapshotContainer = ({ side, settingsPage, zoomLevel, onZoomLevelChange }: SnapshotContainerProps) => {
export const SnapshotContainer = ({ side, settingsPage }: SnapshotContainerProps) => {
const { canvasRef, isError, isPending } = useGetOverviewSnapshot(side);
const handleZoomClick = () => {
const baseLevel = zoomLevel ?? 1;
const newLevel = baseLevel >= 4 ? 1 : baseLevel * 2;
if (onZoomLevelChange) onZoomLevelChange(newLevel);
if (!zoomLevel) return;
};
return (
<div className="flex flex-col md:flex-row">
<NavigationArrow side={side} settingsPage={settingsPage} />
@@ -32,7 +23,7 @@ export const SnapshotContainer = ({ side, settingsPage, zoomLevel, onZoomLevelCh
<Loading message="Camera Preview" />
</div>
)}
<canvas onClick={handleZoomClick} ref={canvasRef} className="block w-full h-full z-20" />
<canvas ref={canvasRef} className="absolute w-full h-full z-20" />
</div>
</div>
);