rome -> eslint + prettier

src/shared/avatarUploader.tsx

@@ -1,69 +1,71 @@
-import { LoaderIcon, PlusIcon } from "@shared/icons";
-import { open } from "@tauri-apps/api/dialog";
-import { Body, fetch } from "@tauri-apps/api/http";
-import { createBlobFromFile } from "@utils/createBlobFromFile";
-import { useState } from "react";
+import { open } from '@tauri-apps/api/dialog';
+import { Body, fetch } from '@tauri-apps/api/http';
+import { useState } from 'react';
+
+import { LoaderIcon, PlusIcon } from '@shared/icons';
+
+import { createBlobFromFile } from '@utils/createBlobFromFile';
 
 export function AvatarUploader({ setPicture }: { setPicture: any }) {
-	const [loading, setLoading] = useState(false);
+  const [loading, setLoading] = useState(false);
 
-	const openFileDialog = async () => {
-		const selected: any = await open({
-			multiple: false,
-			filters: [
-				{
-					name: "Image",
-					extensions: ["png", "jpeg", "jpg", "gif"],
-				},
-			],
-		});
-		if (Array.isArray(selected)) {
-			// user selected multiple files
-		} else if (selected === null) {
-			// user cancelled the selection
-		} else {
-			setLoading(true);
+  const openFileDialog = async () => {
+    const selected: any = await open({
+      multiple: false,
+      filters: [
+        {
+          name: 'Image',
+          extensions: ['png', 'jpeg', 'jpg', 'gif'],
+        },
+      ],
+    });
+    if (Array.isArray(selected)) {
+      // user selected multiple files
+    } else if (selected === null) {
+      // user cancelled the selection
+    } else {
+      setLoading(true);
 
-			const filename = selected.split("/").pop();
-			const file = await createBlobFromFile(selected);
-			const buf = await file.arrayBuffer();
+      const filename = selected.split('/').pop();
+      const file = await createBlobFromFile(selected);
+      const buf = await file.arrayBuffer();
 
-			const res: { data: { file: { id: string } } } = await fetch(
-				"https://void.cat/upload?cli=false",
-				{
-					method: "POST",
-					timeout: 5,
-					headers: {
-						accept: "*/*",
-						"Content-Type": "application/octet-stream",
-						"V-Filename": filename,
-						"V-Description": "Upload from https://lume.nu",
-						"V-Strip-Metadata": "true",
-					},
-					body: Body.bytes(buf),
-				},
-			);
-			const image = `https://void.cat/d/${res.data.file.id}.jpg`;
+      const res: { data: { file: { id: string } } } = await fetch(
+        'https://void.cat/upload?cli=false',
+        {
+          method: 'POST',
+          timeout: 5,
+          headers: {
+            accept: '*/*',
+            'Content-Type': 'application/octet-stream',
+            'V-Filename': filename,
+            'V-Description': 'Upload from https://lume.nu',
+            'V-Strip-Metadata': 'true',
+          },
+          body: Body.bytes(buf),
+        }
+      );
+      const image = `https://void.cat/d/${res.data.file.id}.jpg`;
 
-			// update parent state
-			setPicture(image);
+      // update parent state
+      setPicture(image);
 
-			// disable loader
-			setLoading(false);
-		}
-	};
+      // disable loader
+      setLoading(false);
+    }
+  };
 
-	return (
-		<button
-			type="button"
-			onClick={() => openFileDialog()}
-			className="w-full h-full inline-flex items-center justify-center bg-zinc-900/40"
-		>
-			{loading ? (
-				<LoaderIcon className="h-6 w-6 animate-spin text-zinc-100" />
-			) : (
-				<PlusIcon className="h-6 w-6 text-zinc-100" />
-			)}
-		</button>
-	);
+  return (
+    <button
+      type="button"
+      onClick={() => openFileDialog()}
+      className="inline-flex h-full w-full items-center justify-center bg-zinc-900/40"
+    >
+      {loading ? (
+        <LoaderIcon className="h-6 w-6 animate-spin text-zinc-100" />
+      ) : (
+        <PlusIcon className="h-6 w-6 text-zinc-100" />
+      )}
+    </button>
+  );
 }