chore: running format

frontend/src/components/FolderPicker.tsx

@@ -3,47 +3,47 @@ import { open } from "@tauri-apps/plugin-dialog";
 import { invoke } from "@tauri-apps/api/core";
 
 export function FolderPicker() {
-  const [selectedPath, setSelectedPath] = createSignal<string>("");
-  const [status, setStatus] = createSignal<string>("");
+	const [selectedPath, setSelectedPath] = createSignal<string>("");
+	const [status, setStatus] = createSignal<string>("");
 
-  const handleFolderSelect = async () => {
-    try {
-      const selected = await open({
-        directory: true,
-        multiple: false,
-      });
+	const handleFolderSelect = async () => {
+		try {
+			const selected = await open({
+				directory: true,
+				multiple: false,
+			});
 
-      if (selected) {
-        setSelectedPath(selected as string);
-        // Send the path to Rust
-        const response = await invoke("handle_selected_folder", {
-          path: selected,
-        });
-        setStatus(`Folder processed: ${response}`);
-      }
-    } catch (error) {
-      setStatus(`Error: ${error}`);
-    }
-  };
+			if (selected) {
+				setSelectedPath(selected as string);
+				// Send the path to Rust
+				const response = await invoke("handle_selected_folder", {
+					path: selected,
+				});
+				setStatus(`Folder processed: ${response}`);
+			}
+		} catch (error) {
+			setStatus(`Error: ${error}`);
+		}
+	};
 
-  return (
-    <div class="flex flex-col items-center gap-4">
-      <button
-        type="button"
-        onClick={handleFolderSelect}
-        class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors"
-      >
-        Select Folder
-      </button>
+	return (
+		<div class="flex flex-col items-center gap-4">
+			<button
+				type="button"
+				onClick={handleFolderSelect}
+				class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors"
+			>
+				Select Folder
+			</button>
 
-      {selectedPath() && (
-        <div class="text-left max-w-md">
-          <p class="font-semibold">Selected folder:</p>
-          <p class="text-sm break-all">{selectedPath()}</p>
-        </div>
-      )}
+			{selectedPath() && (
+				<div class="text-left max-w-md">
+					<p class="font-semibold">Selected folder:</p>
+					<p class="text-sm break-all">{selectedPath()}</p>
+				</div>
+			)}
 
-      {status() && <p class="text-sm text-gray-600">{status()}</p>}
-    </div>
-  );
+			{status() && <p class="text-sm text-gray-600">{status()}</p>}
+		</div>
+	);
 }

frontend/src/components/ImageViewer.tsx

@@ -3,35 +3,35 @@ import { listen } from "@tauri-apps/api/event";
 import { FolderPicker } from "./FolderPicker";
 
 export function ImageViewer() {
-  const [latestImage, setLatestImage] = createSignal<string | null>(null);
+	const [latestImage, setLatestImage] = createSignal<string | null>(null);
 
-  createEffect(() => {
-    // Listen for PNG processing events
-    const unlisten = listen("png-processed", (event) => {
-      console.log("Received processed PNG");
-      const base64Data = event.payload as string;
-      setLatestImage(`data:image/png;base64,${base64Data}`);
-    });
+	createEffect(() => {
+		// Listen for PNG processing events
+		const unlisten = listen("png-processed", (event) => {
+			console.log("Received processed PNG");
+			const base64Data = event.payload as string;
+			setLatestImage(`data:image/png;base64,${base64Data}`);
+		});
 
-    return () => {
-      unlisten.then((fn) => fn()); // Cleanup listener
-    };
-  });
+		return () => {
+			unlisten.then((fn) => fn()); // Cleanup listener
+		};
+	});
 
-  return (
-    <div>
-      <FolderPicker />
+	return (
+		<div>
+			<FolderPicker />
 
-      {latestImage() && (
-        <div class="mt-4">
-          <h3>Latest Processed Image:</h3>
-          <img
-            src={latestImage() || undefined}
-            alt="Latest processed"
-            class="max-w-md"
-          />
-        </div>
-      )}
-    </div>
-  );
+			{latestImage() && (
+				<div class="mt-4">
+					<h3>Latest Processed Image:</h3>
+					<img
+						src={latestImage() || undefined}
+						alt="Latest processed"
+						class="max-w-md"
+					/>
+				</div>
+			)}
+		</div>
+	);
 }