style: linting via biome

raspiblitz · Dec 23, 2024 · 18aa8c8 · 18aa8c8
1 parent a45dd48
commit 18aa8c8
Show file tree

Hide file tree

Showing 15 changed files with 798 additions and 797 deletions.
diff --git a/src/components/ConfirmModal.tsx b/src/components/ConfirmModal.tsx
@@ -1,82 +1,82 @@
 import { Button } from "@/components/Button";
 import {
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalFooter,
-  ModalHeader,
+	Modal,
+	ModalBody,
+	ModalContent,
+	ModalFooter,
+	ModalHeader,
 } from "@nextui-org/react";
 import type { UseDisclosureReturn } from "@nextui-org/use-disclosure";
 import type { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 
 export type Props = {
-  disclosure: UseDisclosureReturn;
-  headline?: string;
-  children?: ReactNode;
-  onConfirm?: () => void;
-  confirmText?: string;
-  cancelText?: string;
-  isLoading?: boolean;
+	disclosure: UseDisclosureReturn;
+	headline?: string;
+	children?: ReactNode;
+	onConfirm?: () => void;
+	confirmText?: string;
+	cancelText?: string;
+	isLoading?: boolean;
 } & ({ custom: true } | { custom?: false; body?: ReactNode });
 
 type ConfirmModalComponent = {
-  (props: Props): JSX.Element;
-  Header: typeof ModalHeader;
-  Body: typeof ModalBody;
-  Footer: typeof ModalFooter;
+	(props: Props): JSX.Element;
+	Header: typeof ModalHeader;
+	Body: typeof ModalBody;
+	Footer: typeof ModalFooter;
 };
 
 export const ConfirmModalHeader = ModalHeader;
 export const ConfirmModalBody = ModalBody;
 export const ConfirmModalFooter = ModalFooter;
 
 export const ConfirmModal: ConfirmModalComponent = ({
-  disclosure,
-  headline,
-  children,
-  onConfirm,
-  confirmText,
-  cancelText,
-  isLoading = false,
-  ...props
+	disclosure,
+	headline,
+	children,
+	onConfirm,
+	confirmText,
+	cancelText,
+	isLoading = false,
+	...props
 }: Props) => {
-  const { t } = useTranslation();
-  const { isOpen, onOpenChange, onClose } = disclosure;
+	const { t } = useTranslation();
+	const { isOpen, onOpenChange, onClose } = disclosure;
 
-  const renderContent = () => {
-    if ("custom" in props && props.custom) {
-      return children;
-    }
+	const renderContent = () => {
+		if ("custom" in props && props.custom) {
+			return children;
+		}
 
-    return (
-      <>
-        {headline && <ConfirmModalHeader>{headline}</ConfirmModalHeader>}
+		return (
+			<>
+				{headline && <ConfirmModalHeader>{headline}</ConfirmModalHeader>}
 
-        <ConfirmModalBody>{children || props.body}</ConfirmModalBody>
+				<ConfirmModalBody>{children || props.body}</ConfirmModalBody>
 
-        <ConfirmModalFooter>
-          <Button onClick={onClose} isDisabled={isLoading}>
-            {cancelText || t("settings.cancel")}
-          </Button>
-          <Button
-            color="primary"
-            onClick={onConfirm}
-            isDisabled={isLoading || !onConfirm}
-            isLoading={isLoading}
-          >
-            {confirmText || t("settings.confirm")}
-          </Button>
-        </ConfirmModalFooter>
-      </>
-    );
-  };
+				<ConfirmModalFooter>
+					<Button onClick={onClose} isDisabled={isLoading}>
+						{cancelText || t("settings.cancel")}
+					</Button>
+					<Button
+						color="primary"
+						onClick={onConfirm}
+						isDisabled={isLoading || !onConfirm}
+						isLoading={isLoading}
+					>
+						{confirmText || t("settings.confirm")}
+					</Button>
+				</ConfirmModalFooter>
+			</>
+		);
+	};
 
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange} onClose={onClose}>
-      <ModalContent>{renderContent()}</ModalContent>
-    </Modal>
-  );
+	return (
+		<Modal isOpen={isOpen} onOpenChange={onOpenChange} onClose={onClose}>
+			<ModalContent>{renderContent()}</ModalContent>
+		</Modal>
+	);
 };
 
 ConfirmModal.Header = ConfirmModalHeader;