From cd051b72fcb8b6876b56a92153b95b34c2152b87 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Mon, 22 Jul 2024 21:12:13 -0600
Subject: [PATCH] refactor: remove imports

---
 .../application/environment/show.tsx          | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/components/dashboard/application/environment/show.tsx b/components/dashboard/application/environment/show.tsx
index fb344d78..6a8ac57a 100644
--- a/components/dashboard/application/environment/show.tsx
+++ b/components/dashboard/application/environment/show.tsx
@@ -20,7 +20,8 @@ interface Props {
 }
 
 export const ShowEnvironment = ({ applicationId }: Props) => {
-	const saveEnvironmentMutation = api.application.saveEnvironment.useMutation();
+	const { mutateAsync, isLoading } =
+		api.application.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.application.one.useQuery(
 		{
@@ -40,12 +41,11 @@ export const ShowEnvironment = ({ applicationId }: Props) => {
 	});
 
 	const onEnvSubmit = async (data: EnvironmentSchema) => {
-		saveEnvironmentMutation
-			.mutateAsync({
-				env: data.env,
-				buildArgs: data.buildArgs,
-				applicationId,
-			})
+		mutateAsync({
+			env: data.env,
+			buildArgs: data.buildArgs,
+			applicationId,
+		})
 			.then(async () => {
 				toast.success("Environments Added");
 				await refetch();
@@ -91,11 +91,7 @@ export const ShowEnvironment = ({ applicationId }: Props) => {
 					)}
 					<CardContent>
 						<div className="flex flex-row justify-end">
-							<Button
-								isLoading={saveEnvironmentMutation.isLoading}
-								className="w-fit"
-								type="submit"
-							>
+							<Button isLoading={isLoading} className="w-fit" type="submit">
 								Save
 							</Button>
 						</div>