chore: clean up

2024-02-25 15:52:47 +07:00
parent 2c8dd71792
commit 63db8b1423
39 changed files with 88 additions and 2501 deletions
@@ -5,60 +5,60 @@ import { download } from "@tauri-apps/plugin-upload";
 import { SyntheticEvent, useState } from "react";

 export function ImagePreview({ url }: { url: string }) {
-	const [downloaded, setDownloaded] = useState(false);
+  const [downloaded, setDownloaded] = useState(false);

-	const downloadImage = async (e: { stopPropagation: () => void }) => {
-		try {
-			e.stopPropagation();
+  const downloadImage = async (e: { stopPropagation: () => void }) => {
+    try {
+      e.stopPropagation();

-			const downloadDirPath = await downloadDir();
-			const filename = url.substring(url.lastIndexOf("/") + 1);
-			await download(url, `${downloadDirPath}/${filename}`);
+      const downloadDirPath = await downloadDir();
+      const filename = url.substring(url.lastIndexOf("/") + 1);
+      await download(url, `${downloadDirPath}/${filename}`);

-			setDownloaded(true);
-		} catch (e) {
-			console.error(e);
-		}
-	};
+      setDownloaded(true);
+    } catch (e) {
+      console.error(e);
+    }
+  };

-	const open = async () => {
-		const name = new URL(url).pathname.split("/").pop();
-		return new WebviewWindow("image-viewer", {
-			url,
-			title: name,
-		});
-	};
+  const open = async () => {
+    const name = new URL(url).pathname.split("/").pop();
+    return new WebviewWindow("image-viewer", {
+      url,
+      title: name,
+    });
+  };

-	const fallback = (event: SyntheticEvent<HTMLImageElement, Event>) => {
-		event.currentTarget.src = "/fallback-image.jpg";
-	};
+  const fallback = (event: SyntheticEvent<HTMLImageElement, Event>) => {
+    event.currentTarget.src = "/fallback-image.jpg";
+  };

-	return (
-		// biome-ignore lint/a11y/useKeyWithClickEvents: <explanation>
-		<div
-			onClick={open}
-			className="group relative my-1 rounded-xl ring-1 ring-black/5 dark:ring-white/5"
-		>
-			<img
-				src={url}
-				alt={url}
-				loading="lazy"
-				decoding="async"
-				style={{ contentVisibility: "auto" }}
-				onError={fallback}
-				className="h-auto w-full rounded-xl object-cover"
-			/>
-			<button
-				type="button"
-				onClick={(e) => downloadImage(e)}
-				className="absolute right-2 top-2 z-10 hidden size-10 items-center justify-center rounded-lg bg-white/20 text-black/70 backdrop-blur-2xl hover:bg-blue-500 hover:text-white group-hover:inline-flex"
-			>
-				{downloaded ? (
-					<CheckCircleIcon className="size-5" />
-				) : (
-					<DownloadIcon className="size-5" />
-				)}
-			</button>
-		</div>
-	);
+  return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: <explanation>
+    <div
+      onClick={open}
+      className="group relative my-1 rounded-2xl border border-black/10 dark:border-white/10"
+    >
+      <img
+        src={url}
+        alt={url}
+        loading="lazy"
+        decoding="async"
+        style={{ contentVisibility: "auto" }}
+        onError={fallback}
+        className="h-auto w-full rounded-2xl object-cover"
+      />
+      <button
+        type="button"
+        onClick={(e) => downloadImage(e)}
+        className="absolute right-2 top-2 z-10 hidden size-10 items-center justify-center rounded-lg bg-white/10 text-black/70 backdrop-blur-2xl hover:bg-blue-500 hover:text-white group-hover:inline-flex"
+      >
+        {downloaded ? (
+          <CheckCircleIcon className="size-5" />
+        ) : (
+          <DownloadIcon className="size-5" />
+        )}
+      </button>
+    </div>
+  );
 }