From 9e3e3817e5e1235b2c318d418c38734efbe8f2e3 Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Wed, 14 Aug 2024 10:23:06 +0200
Subject: [PATCH] chore: Lint frontend

---
 apps/frontend/src/ui/components/overlay/Modal.tsx    |  1 -
 .../overlay/cluster/ClusterCreationModal.tsx         | 12 ++++++------
 .../components/overlay/cluster/ClusterGameSetup.tsx  |  2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/apps/frontend/src/ui/components/overlay/Modal.tsx b/apps/frontend/src/ui/components/overlay/Modal.tsx
index 437358b0..6b44f7ae 100644
--- a/apps/frontend/src/ui/components/overlay/Modal.tsx
+++ b/apps/frontend/src/ui/components/overlay/Modal.tsx
@@ -35,7 +35,6 @@ export function ModalProvider(props: ParentProps) {
 		},
 
 		closeModal: (index?: number) => {
-			console.log('closeModal', index, modals.length);
 			if (modals.length === 0 || modals.length < (index || 0))
 				return;
 
diff --git a/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx b/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx
index f9e5d6e3..aff25701 100644
--- a/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx
+++ b/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx
@@ -180,15 +180,15 @@ export function createClusterStep(props: CreateClusterStepType): () => JSX.Eleme
 		}
 
 		return (
-			<div class="bg-primary rounded-lg text-center flex flex-col min-w-sm">
-				<div class="flex relative h-25">
-					<div class="absolute top-0 left-0 w-full h-full">
+			<div class="min-w-sm flex flex-col rounded-lg bg-primary text-center">
+				<div class="relative h-25 flex">
+					<div class="absolute left-0 top-0 h-full w-full">
 						<img class="h-full w-full rounded-t-lg" src={HeaderImage} alt="Header Image" />
 					</div>
 					<div
-						class="absolute top-0 left-0 px-10 h-full flex flex-row justify-start items-center gap-x-4 bg-[radial-gradient(at_center,#00000077,transparent)]"
+						class="absolute left-0 top-0 h-full flex flex-row items-center justify-start gap-x-4 bg-[radial-gradient(at_center,#00000077,transparent)] px-10"
 					>
-						<Server01Icon class="w-8 h-8" />
+						<Server01Icon class="h-8 w-8" />
 						<div class="flex flex-col items-start justify-center">
 							<h1 class="h-10 -mt-2">New Cluster</h1>
 							<span>{props.message}</span>
@@ -204,7 +204,7 @@ export function createClusterStep(props: CreateClusterStepType): () => JSX.Eleme
 						/>
 					</div>
 
-					<div class="flex flex-row gap-x-2 justify-end pt-0 p-3">
+					<div class="flex flex-row justify-end gap-x-2 p-3 pt-0">
 						<Button
 							class="capitalize"
 							children={previousButtonText()}
diff --git a/apps/frontend/src/ui/components/overlay/cluster/ClusterGameSetup.tsx b/apps/frontend/src/ui/components/overlay/cluster/ClusterGameSetup.tsx
index 1aad7126..47a5f1f3 100644
--- a/apps/frontend/src/ui/components/overlay/cluster/ClusterGameSetup.tsx
+++ b/apps/frontend/src/ui/components/overlay/cluster/ClusterGameSetup.tsx
@@ -60,7 +60,7 @@ function ClusterGameSetup(props: ClusterStepProps) {
 						{loader => (
 							<Dropdown.Row>
 								<div class="flex flex-row gap-x-2">
-									<div class="w-4 h-4">
+									<div class="h-4 w-4">
 										<LoaderIcon loader={loader} />
 									</div>
 									{loader}