minor fix

pages/login.tsx

@@ -5,21 +5,22 @@ import { signIn } from "next-auth/react";
 import Link from "next/link";
 import { useState, FormEvent } from "react";
 import { toast } from "react-hot-toast";
-import {getLogins} from './api/v1/logins'
+import { getLogins } from "./api/v1/logins";
-import {InferGetServerSidePropsType} from "next";
+import { InferGetServerSidePropsType } from "next";
 
 interface FormData {
   username: string;
   password: string;
 }
 
-export const getServerSideProps = (() => {
+export const getServerSideProps = () => {
   const availableLogins = getLogins();
-  return {props: {availableLogins}}
+  return { props: { availableLogins } };
-});
+};
 
-
+export default function Login({
-export default function Login({availableLogins} : InferGetServerSidePropsType<typeof getServerSideProps>) {
+  availableLogins,
+}: InferGetServerSidePropsType<typeof getServerSideProps>) {
   const [submitLoader, setSubmitLoader] = useState(false);
 
   const [form, setForm] = useState<FormData>({
@@ -66,23 +67,28 @@ export default function Login({availableLogins} : InferGetServerSidePropsType<ty
   }
 
   function displayLoginCredential() {
-    if (availableLogins.credentialsEnabled === 'true') {
+    if (availableLogins.credentialsEnabled === "true") {
-      return (<><p className="text-3xl text-black dark:text-white text-center font-extralight">
+      return (
+        <>
+          <p className="text-3xl text-black dark:text-white text-center font-extralight">
             Enter your credentials
           </p>
-        <hr className="border-1 border-sky-100 dark:border-neutral-700"/>
+          <hr className="border-1 border-sky-100 dark:border-neutral-700" />
           <div>
             <p className="text-sm text-black dark:text-white w-fit font-semibold mb-1">
               Username
-            {availableLogins.emailEnabled === 'true' ? " or Email" : undefined}
+              {availableLogins.emailEnabled === "true"
+                ? " or Email"
+                : undefined}
             </p>
 
             <TextInput
               autoFocus={true}
               placeholder="johnny"
               value={form.username}
-              className="bg-white"
+              className="bg-base-100"
-              onChange={(e) => setForm({...form, username: e.target.value})}/>
+              onChange={(e) => setForm({ ...form, username: e.target.value })}
+            />
           </div>
           <div className="w-full">
             <p className="text-sm text-black dark:text-white w-fit font-semibold mb-1">
@@ -93,9 +99,10 @@ export default function Login({availableLogins} : InferGetServerSidePropsType<ty
               type="password"
               placeholder="••••••••••••••"
               value={form.password}
-              className="bg-white"
+              className="bg-base-100"
-              onChange={(e) => setForm({...form, password: e.target.value})}/>
+              onChange={(e) => setForm({ ...form, password: e.target.value })}
-          {availableLogins.emailEnabled === 'true' && (
+            />
+            {availableLogins.emailEnabled === "true" && (
               <div className="w-fit ml-auto mt-1">
                 <Link
                   href={"/forgot"}
@@ -106,35 +113,38 @@ export default function Login({availableLogins} : InferGetServerSidePropsType<ty
               </div>
             )}
           </div>
-        <SubmitButton
+          <AccentSubmitButton
             type="submit"
             label="Login"
             className=" w-full text-center"
-            loading={submitLoader}/></>
+            loading={submitLoader}
-      )
+          />
+        </>
+      );
     }
   }
   function displayLoginExternalButton() {
     const Buttons: any = [];
     availableLogins.buttonAuths.forEach((value, index) => {
-      Buttons.push(<SubmitButton key={index}
+      Buttons.push(
+        <AccentSubmitButton
+          key={index}
           type="button"
           onClick={() => loginUserButton(value.method)}
           label={`Sign in with ${value.name}`}
           className=" w-full text-center"
           loading={submitLoader}
-      />);
+        />
+      );
     });
-    return (Buttons);
+    return Buttons;
   }
 
   function displayRegistration() {
-    if (availableLogins.registrationDisabled !== 'true') {
+    if (availableLogins.registrationDisabled !== "true") {
       return (
         <div className="flex items-baseline gap-1 justify-center">
-            <p className="w-fit text-gray-500 dark:text-gray-400">
+          <p className="w-fit text-gray-500 dark:text-gray-400">New here?</p>
-              New here?
-            </p>
           <Link
             href={"/register"}
             className="block text-black dark:text-white font-semibold"