From 9db4d0dfebd0eeb84f68fd14495f9853b0d0cf61 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <99127578+subhajit20@users.noreply.github.com>
Date: Wed, 29 Nov 2023 22:40:42 +0530
Subject: [PATCH] Replaced all the css into tailwind css on LoginForm component
 (#1776)

---
 components/Forms/LoginForm/LoginForm.js                    | 7 +++----
 .../__tests__/__snapshots__/LoginForm.test.js.snap         | 6 +++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/Forms/LoginForm/LoginForm.js b/components/Forms/LoginForm/LoginForm.js
index e7959d0d2..4dd4287fd 100644
--- a/components/Forms/LoginForm/LoginForm.js
+++ b/components/Forms/LoginForm/LoginForm.js
@@ -9,7 +9,6 @@ import Button from 'components/Buttons/Button/Button';
 import Form from 'components/Form/Form';
 import Input from 'components/Form/Input/Input';
 import Alert from 'components/Alert/Alert';
-import styles from './LoginForm.module.css';
 
 const defaultValues = {
   email: '',
@@ -64,8 +63,8 @@ function LoginForm({ initialValues, login, onSuccess, buttonTheme }) {
   return (
     <Formik initialValues={initialValues} onSubmit={handleSubmit} validationSchema={loginSchema}>
       {({ isSubmitting }) => (
-        <Form className={styles.LoginForm} data-testid={LOGIN_FORM}>
-          <div className={styles.row}>
+        <Form className="w-full" data-testid={LOGIN_FORM}>
+          <div className="flex flex-col items-center">
             <Field
               type="email"
               name="email"
@@ -87,7 +86,7 @@ function LoginForm({ initialValues, login, onSuccess, buttonTheme }) {
             {errorMessage && <Alert type="error">{errorMessage}</Alert>}
 
             <Button
-              className={styles.topMargin}
+              className="mt-4"
               type="submit"
               theme={buttonTheme}
               disabled={isSubmitting}
diff --git a/components/Forms/LoginForm/__tests__/__snapshots__/LoginForm.test.js.snap b/components/Forms/LoginForm/__tests__/__snapshots__/LoginForm.test.js.snap
index 6827413af..5d5af0cbe 100644
--- a/components/Forms/LoginForm/__tests__/__snapshots__/LoginForm.test.js.snap
+++ b/components/Forms/LoginForm/__tests__/__snapshots__/LoginForm.test.js.snap
@@ -2,14 +2,14 @@
 
 exports[`LoginForm should render with required props 1`] = `
 <form
-  className="LoginForm"
+  className="w-full"
   data-testid="LOGIN_FORM"
   noValidate={true}
   onReset={[Function]}
   onSubmit={[Function]}
 >
   <div
-    className="row"
+    className="flex flex-col items-center"
   >
     <div
       className="field"
@@ -68,7 +68,7 @@ exports[`LoginForm should render with required props 1`] = `
       </div>
     </div>
     <button
-      className="Button topMargin secondary"
+      className="Button mt-4 secondary"
       data-testid="LOGIN_BUTTON"
       disabled={false}
       onClick={[Function]}