From e3b8c3795efecfb57fc08a9bbf87037fbd4b1e66 Mon Sep 17 00:00:00 2001
From: Vibhu1710 <vibhu@tartanhq.com>
Date: Sat, 2 Mar 2024 17:38:19 +0530
Subject: [PATCH 1/2] fix : use "hidden" css property to toggle b/w Login &
 Forgot Password page

---
 src/Components/Auth/Login.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/Components/Auth/Login.tsx b/src/Components/Auth/Login.tsx
index 9e2e4f6686a..19f93058942 100644
--- a/src/Components/Auth/Login.tsx
+++ b/src/Components/Auth/Login.tsx
@@ -277,10 +277,7 @@ export const Login = (props: { forgot?: boolean }) => {
             <div className="relative flex h-full w-full items-center">
               <div
                 className={
-                  "w-full transition-all " +
-                  (!forgotPassword
-                    ? "visible -translate-x-0 opacity-100"
-                    : "invisible -translate-x-5 opacity-0")
+                  "w-full transition-all " + (!forgotPassword ? "" : "hidden")
                 }
               >
                 <div className="mb-8 w-[300px] text-4xl font-black text-primary-600">
@@ -354,10 +351,7 @@ export const Login = (props: { forgot?: boolean }) => {
 
               <div
                 className={
-                  "absolute w-full transition-all " +
-                  (forgotPassword
-                    ? "visible translate-x-0 opacity-100"
-                    : "invisible translate-x-5 opacity-0")
+                  "w-full transition-all " + (forgotPassword ? "" : "hidden")
                 }
               >
                 <button

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 2/2] 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={() => {