chore: finish frontend ESLint migration #18

Enable every plugin recommended preset and replace Biome with ESLint formatting.

Preserve API contracts and JSX whitespace; verify source, tests, builds and tooling.

src/entities/bank-card/ui/BankCardForm/BankCardForm.tsx

@@ -3,12 +3,14 @@ import { Button, Group, Modal, Stack, Text } from "@mantine/core";
 import { type FC, useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
+
 import { formatDate } from "@/shared/lib";
+
 import { useBankMutations } from "../../api/mutations";
 import { type BankCard, useBankCard } from "../../api/queries";
 import {
-	type BankCardValues,
 	bankCardSchema,
+	type BankCardValues,
 	bankMoneyValue,
 	bankToday,
 } from "../../model/form-validation";
@@ -29,29 +31,29 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 	const fresh = useBankCard(props.card?.id);
 	const mutation = useBankMutations();
 	const methods = useForm<BankCardValues>({
-		resolver: zodResolver(bankCardSchema),
 		defaultValues: {
-			name: props.card?.name ?? "",
 			bankName: props.card?.bankName ?? "",
 			lastFour: props.card?.lastFour ?? "",
-			paymentSystem: props.card?.paymentSystem ?? "",
+			name: props.card?.name ?? "",
 			openingBalance: props.card?.openingBalance.value ?? "0",
 			openingDate: props.card?.openingDate ?? bankToday(),
+			paymentSystem: props.card?.paymentSystem ?? "",
 		},
+		resolver: zodResolver(bankCardSchema),
 	});
-	const pending =
-		!opened ||
-		methods.formState.isSubmitting ||
-		(fresh.isFetching && Boolean(error));
+	const isPending
+		= !opened
+			|| methods.formState.isSubmitting
+			|| (fresh.isFetching && Boolean(error));
 	return (
 		<Modal
-			opened={opened}
+			closeButtonProps={{ "aria-label": t("bank.close"), "disabled": isPending }}
+			closeOnClickOutside={!isPending}
+			closeOnEscape={!isPending}
+			onClose={() => !isPending && setOpened(false)}
 			onExitTransitionEnd={props.onClose}
-			onClose={() => !pending && setOpened(false)}
+			opened={opened}
 			title={t(props.card ? "bank.editCard" : "bank.addCard")}
-			closeButtonProps={{ "aria-label": t("bank.close"), disabled: pending }}
-			closeOnClickOutside={!pending}
-			closeOnEscape={!pending}
 		>
 			<FormProvider {...methods}>
 				<form
@@ -59,10 +61,10 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 						setError(undefined);
 						try {
 							const metadata = {
+								bankName: values.bankName || /* eslint-disable-line unicorn/no-null -- PATCH uses null to clear these optional card fields. */ null,
+								lastFour: values.lastFour || /* eslint-disable-line unicorn/no-null -- PATCH uses null to clear these optional card fields. */ null,
 								name: values.name,
-								bankName: values.bankName || null,
-								lastFour: values.lastFour || null,
-								paymentSystem: values.paymentSystem || null,
+								paymentSystem: values.paymentSystem || /* eslint-disable-line unicorn/no-null -- PATCH uses null to clear these optional card fields. */ null,
 							};
 							const financial = {
 								openingBalance: {
@@ -73,12 +75,12 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 							};
 							if (props.card)
 								await mutation.updateCard.mutateAsync({
-									id: props.card.id,
 									body: {
 										...metadata,
-										...(!props.card.archivedAt ? financial : {}),
+										...(!props.card.archivedAt && financial),
 										version,
 									},
+									id: props.card.id,
 								});
 							else
 								await mutation.createCard.mutateAsync({
@@ -87,32 +89,33 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 									...financial,
 								});
 							setOpened(false);
-						} catch (failure) {
-							setError(failure);
+						}
+						catch (error_) {
+							setError(error_);
 						}
 					})}
 				>
-					<fieldset className={classes.fieldset} disabled={pending}>
+					<fieldset className={classes.fieldset} disabled={isPending}>
 						<Stack>
 							<BankCardFields archived={Boolean(props.card?.archivedAt)} />
-							{error ? (
+							{!!(error) && ((
 								<>
 									<BankFeedback error={error} />
 									{props.card && (
 										<Button
-											variant="default"
 											onClick={async () => {
 												const response = await fresh.refetch();
 												if (response.data && !response.error)
 													setLatest(response.data);
 												else setError(response.error);
 											}}
+											variant="default"
 										>
 											{t("bank.reloadRecord")}
 										</Button>
 									)}
 								</>
-							) : null}
+							))}
 							{latest && (
 								<>
 									<Text>
@@ -121,22 +124,22 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 										})}
 									</Text>
 									<Button
-										variant="default"
 										onClick={() => {
 											setVersion(latest.version);
 											setLatest(undefined);
 											setError(undefined);
 										}}
+										variant="default"
 									>
 										{t("bank.adoptVersion", { version: latest.version })}
 									</Button>
 								</>
 							)}
 							<Group>
-								<Button type="submit" loading={pending}>
+								<Button loading={isPending} type="submit">
 									{t("bank.save")}
 								</Button>
-								<Button variant="default" onClick={() => setOpened(false)}>
+								<Button onClick={() => setOpened(false)} variant="default">
 									{t("bank.cancel")}
 								</Button>
 							</Group>