From 7447b5acff3c8397d9468cca6f68c0f9c85789ac Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Thu, 14 Mar 2024 05:28:43 +0000
Subject: [PATCH] [autofix.ci] apply automated fixes

---
 .../auth/signup/components/admin-register.tsx | 65 ++++++++++++-------
 .../app/auth/signup/components/signup.tsx     |  4 +-
 .../signup/components/user-register-form.tsx  | 11 ++--
 3 files changed, 48 insertions(+), 32 deletions(-)

diff --git a/ee/tabby-ui/app/auth/signup/components/admin-register.tsx b/ee/tabby-ui/app/auth/signup/components/admin-register.tsx
index 35cf0b0dda60..0e4bf0aa3f62 100644
--- a/ee/tabby-ui/app/auth/signup/components/admin-register.tsx
+++ b/ee/tabby-ui/app/auth/signup/components/admin-register.tsx
@@ -1,27 +1,33 @@
-"use client";
+'use client'
 
-import { useState } from "react";
+import { useState } from 'react'
 import { useRouter } from 'next/navigation'
 
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
 
-import { Button } from "@/components/ui/button"
 import { UserAuthForm } from './user-register-form'
 
 import './admin-register.css'
 
-export default function AdminRegister () {
+export default function AdminRegister() {
   const router = useRouter()
   const [step, setStep] = useState(1)
 
   return (
-    <div className={cn("admin-register-wrap w-[550px]", {
-      "translate-y-1/3": step === 1,
-      "-translate-y-10": step === 2,
-      "-translate-y-20": step === 3
-    })}>
-
-      <div className={cn('border-l border-foreground py-8 pl-12', { 'step-mask': step !== 1, 'remote': step > 2 })}>
+    <div
+      className={cn('admin-register-wrap w-[550px]', {
+        'translate-y-1/3': step === 1,
+        '-translate-y-10': step === 2,
+        '-translate-y-20': step === 3
+      })}
+    >
+      <div
+        className={cn('border-l border-foreground py-8 pl-12', {
+          'step-mask': step !== 1,
+          remote: step > 2
+        })}
+      >
         <h2 className="text-3xl font-semibold tracking-tight first:mt-0">
           Welcome To Tabby Enterprise
         </h2>
@@ -31,24 +37,34 @@ export default function AdminRegister () {
         <p className="leading-7 text-muted-foreground">
           This will allow you to invite team members and manage your instance.
         </p>
-        <Button
-          className='mt-5 w-48'
-          onClick={() => setStep(2)}>
-            Create admin account
+        <Button className="mt-5 w-48" onClick={() => setStep(2)}>
+          Create admin account
         </Button>
       </div>
 
-      <div className={cn("border-l border-foreground py-8 pl-12", { 'step-mask': step !== 2 })}>
+      <div
+        className={cn('border-l border-foreground py-8 pl-12', {
+          'step-mask': step !== 2
+        })}
+      >
         <h3 className="text-2xl font-semibold tracking-tight">
           Create Admin Account
         </h3>
         <p className="mb-3 leading-7 text-muted-foreground">
           Your instance will be secured, only registered users can access it.
         </p>
-        <UserAuthForm onSuccess={() => setStep(3)} buttonClass="self-start w-48" />
+        <UserAuthForm
+          onSuccess={() => setStep(3)}
+          buttonClass="self-start w-48"
+        />
       </div>
 
-      <div className={cn("border-l border-foreground py-8 pl-12", { 'step-mask': step !== 3, 'remote': step < 2 })}>
+      <div
+        className={cn('border-l border-foreground py-8 pl-12', {
+          'step-mask': step !== 3,
+          remote: step < 2
+        })}
+      >
         <h3 className="text-2xl font-semibold tracking-tight">
           Enter The Instance
         </h3>
@@ -56,14 +72,13 @@ export default function AdminRegister () {
           Congratulations! You have successfully created an admin account.
         </p>
         <p className="mb-3 leading-7 text-muted-foreground">
-        To begin collaborating with your team, please open the dashboard and invite members to join your instance.
+          To begin collaborating with your team, please open the dashboard and
+          invite members to join your instance.
         </p>
-        <Button
-          className='mt-5 w-48'
-          onClick={() => router.replace("/")}>
-            Open the dashboard
+        <Button className="mt-5 w-48" onClick={() => router.replace('/')}>
+          Open the dashboard
         </Button>
       </div>
     </div>
   )
-}
\ No newline at end of file
+}
diff --git a/ee/tabby-ui/app/auth/signup/components/signup.tsx b/ee/tabby-ui/app/auth/signup/components/signup.tsx
index c19f4082bb99..52a486b743b6 100644
--- a/ee/tabby-ui/app/auth/signup/components/signup.tsx
+++ b/ee/tabby-ui/app/auth/signup/components/signup.tsx
@@ -2,14 +2,14 @@
 
 import { useSearchParams } from 'next/navigation'
 
-import { UserAuthForm } from './user-register-form'
 import AdminRegister from './admin-register'
+import { UserAuthForm } from './user-register-form'
 
 export default function Signup() {
   const searchParams = useSearchParams()
   const invitationCode = searchParams.get('invitationCode') || undefined
   const isAdmin = searchParams.get('isAdmin') || false
-  
+
   if (isAdmin) return <AdminRegister />
   if (invitationCode) {
     return (
diff --git a/ee/tabby-ui/app/auth/signup/components/user-register-form.tsx b/ee/tabby-ui/app/auth/signup/components/user-register-form.tsx
index a5093a9b3a4d..1e35d8b3b893 100644
--- a/ee/tabby-ui/app/auth/signup/components/user-register-form.tsx
+++ b/ee/tabby-ui/app/auth/signup/components/user-register-form.tsx
@@ -50,9 +50,9 @@ const formSchema = z.object({
 })
 
 interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> {
-  invitationCode?: string;
-  onSuccess?: () => void;
-  buttonClass?: string;
+  invitationCode?: string
+  onSuccess?: () => void
+  buttonClass?: string
 }
 
 export function UserAuthForm({
@@ -148,8 +148,9 @@ export function UserAuthForm({
           />
           <Button
             type="submit"
-            className={cn("mt-2", buttonClass)}
-            disabled={isSubmitting}>
+            className={cn('mt-2', buttonClass)}
+            disabled={isSubmitting}
+          >
             {isSubmitting && (
               <IconSpinner className="mr-2 h-4 w-4 animate-spin" />
             )}