Function LegacyCameraPreviewPage

apps/desktop/src/routes/camera.tsx:356–797

(props: {
	issue: Accessor<CameraPreviewIssue | null>;
})

// Legacy stuff below

function LegacyCameraPreviewPage(props: {
	issue: Accessor<CameraPreviewIssue | null>;
}) {
	const isCameraOnlyMode = () => getCameraOnlyMode();

	const [state, setState] = makePersisted(
		createStore<CameraWindowState>(getDefaultCameraWindowState()),
		{ name: CAMERA_WINDOW_STATE_STORAGE_KEY },
	);

	const centerCameraOnlyWindow = () => {
		ignoreMoveFor(1500);
		void commands.ignoreCameraWindowPosition(1500);
		void centerCurrentWindow();
		setTimeout(() => {
			void centerCurrentWindow();
		}, 120);
	};

	onMount(() => {
		if (isCameraOnlyMode()) {
			centerCameraOnlyWindow();
		}
	});

	createEffect(
		on(
			() => isCameraOnlyMode(),
			(isCameraOnly, wasCameraOnly) => {
				if (isCameraOnly && !wasCameraOnly) {
					centerCameraOnlyWindow();
				}
			},
		),
	);

	createEffect(() => {
		const currentSize = state.size as number | string;
		if (typeof currentSize !== "number" || Number.isNaN(currentSize)) {
			setState(
				"size",
				currentSize === "lg" ? CAMERA_PRESET_LARGE : CAMERA_DEFAULT_SIZE,
			);
		}
	});

	createEffect(() => {
		commands.setCameraPreviewState({
			size: state.size,
			shape: state.shape,
			mirrored: state.mirrored,
			background_blur: normalizeBackgroundBlurMode(state.backgroundBlur),
		});
	});

	const [hasPositioned, setHasPositioned] = createSignal(isCameraOnlyMode());

	const [hasFrame, setHasFrame] = createSignal(false);