Change Spin Show Timing

Author: TenTakano

src/main/main.ts

@@ -30,6 +30,9 @@ ipcMain.handle("select-folder", async (): Promise<SelectFolderResult> => {
 	if (canceled || filePaths.length === 0) {
 		return { canceled: true };
 	}
+
+	const win = BrowserWindow.getAllWindows()[0];
+	win.webContents.send("folder-changed");
 	const folder = filePaths[0];
 	await cacheFiles(folder);
 	const { width, height } = getWindowSize();

src/preload/preload.ts

@@ -6,6 +6,7 @@ declare global {
 	interface Window {
 		electronAPI: {
 			onImagesReady: (callback: (images: string[]) => void) => void;
+			onFolderChanged: (callback: () => void) => void;
 			onWindowSizeChange: (
 				callback: (size: { width: number; height: number }) => void,
 			) => void;
@@ -23,6 +24,12 @@ contextBridge.exposeInMainWorld("electronAPI", {
 		});
 	},
 
+	onFolderChanged: (callback: () => void) => {
+		ipcRenderer.on("folder-changed", () => {
+			callback();
+		});
+	},
+
 	onWindowSizeChange: (
 		callback: (size: { width: number; height: number }) => void,
 	) => {

src/renderer/hooks/useImageCanvas.ts

@@ -20,6 +20,10 @@ export const useImageCanvas = () => {
 				canvasRef.current.height = size.height;
 			},
 		);
+
+		window.electronAPI.onFolderChanged(() => {
+			setLoading(true);
+		});
 	}, []);
 
 	// Image Loading