From a6e09dc7a72d314a9a874dbf9445eddaeba74539 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Mon, 6 May 2024 17:03:05 +0530
Subject: [PATCH] suggestions from code review

---
 src/Components/Auth/Login.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Components/Auth/Login.tsx b/src/Components/Auth/Login.tsx
index 7351fe202fd..a74969fbfa4 100644
--- a/src/Components/Auth/Login.tsx
+++ b/src/Components/Auth/Login.tsx
@@ -13,6 +13,7 @@ import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 import { useAuthContext } from "../../Common/hooks/useAuthUser";
 import FiltersCache from "../../Utils/FiltersCache";
+import { classNames } from "../../Utils/utils";
 
 export const Login = (props: { forgot?: boolean }) => {
   const { signIn } = useAuthContext();
@@ -276,9 +277,10 @@ export const Login = (props: { forgot?: boolean }) => {
 
             <div className="relative flex h-full w-full items-center">
               <div
-                className={
-                  "w-full transition-all " + (!forgotPassword ? "" : "hidden")
-                }
+                className={classNames(
+                  "w-full transition-all",
+                  forgotPassword && "hidden",
+                )}
               >
                 <div className="mb-8 w-[300px] text-4xl font-black text-primary-600">
                   {t("auth_login_title")}
@@ -350,9 +352,10 @@ export const Login = (props: { forgot?: boolean }) => {
               </div>
 
               <div
-                className={
-                  "w-full transition-all " + (forgotPassword ? "" : "hidden")
-                }
+                className={classNames(
+                  "w-full transition-all",
+                  !forgotPassword && "hidden",
+                )}
               >
                 <button
                   onClick={() => {