From 9cfd9954a9cca47cdf10af29f23bc412c6cc2b67 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Tue, 21 Nov 2023 13:47:55 +0000
Subject: [PATCH 1/2] Replaced all the css into tailwind css on
 ChangePasswordForm componen

---
 .../Forms/ChangePasswordForm/ChangePasswordForm.js  | 12 +++---------
 .../ChangePasswordForm.module.css                   | 13 -------------
 .../__snapshots__/ChangePasswordForm.test.js.snap   |  6 +++---
 3 files changed, 6 insertions(+), 25 deletions(-)
 delete mode 100644 components/Forms/ChangePasswordForm/ChangePasswordForm.module.css

diff --git a/components/Forms/ChangePasswordForm/ChangePasswordForm.js b/components/Forms/ChangePasswordForm/ChangePasswordForm.js
index 0709fa352..0d08202cb 100644
--- a/components/Forms/ChangePasswordForm/ChangePasswordForm.js
+++ b/components/Forms/ChangePasswordForm/ChangePasswordForm.js
@@ -11,7 +11,6 @@ import { validationErrorMessages } from 'common/constants/messages';
 import { getServerErrorMessage } from 'common/utils/api-utils';
 import { minimumPasswordLength } from 'common/constants/validations';
 import { hasRequiredCharacters } from 'common/utils/validator-utils';
-import styles from './ChangePasswordForm.module.css';
 
 const defaultValues = {
   newPassword1: '',
@@ -67,8 +66,8 @@ function ChangePasswordForm({ onSubmit, onSuccess, initialValues }) {
       validationSchema={passwordResetSubmitSchema}
     >
       {({ isSubmitting }) => (
-        <Form className={styles.PasswordResetSubmitForm}>
-          <div className={styles.row}>
+        <Form className="w-full">
+          <div className="flex  flex-col items-center">
             <Field
               type="password"
               name="newPassword1"
@@ -93,12 +92,7 @@ function ChangePasswordForm({ onSubmit, onSuccess, initialValues }) {
               </Alert>
             )}
 
-            <Button
-              className={styles.topMargin}
-              type="submit"
-              theme="secondary"
-              disabled={isSubmitting}
-            >
+            <Button className="mt-4" type="submit" theme="secondary" disabled={isSubmitting}>
               Submit
             </Button>
           </div>
diff --git a/components/Forms/ChangePasswordForm/ChangePasswordForm.module.css b/components/Forms/ChangePasswordForm/ChangePasswordForm.module.css
deleted file mode 100644
index 74ebef4c3..000000000
--- a/components/Forms/ChangePasswordForm/ChangePasswordForm.module.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.PasswordResetSubmitForm {
-  width: 100%;
-}
-
-.row {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.topMargin {
-  margin-top: 1rem;
-}
diff --git a/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap b/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
index 59c96aefe..8bbd21132 100644
--- a/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
+++ b/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
@@ -2,13 +2,13 @@
 
 exports[`ChangePasswordForm should render with required props 1`] = `
 <form
-  className="PasswordResetSubmitForm"
+  className="w-full"
   noValidate={true}
   onReset={[Function]}
   onSubmit={[Function]}
 >
   <div
-    className="row"
+    className="flex  flex-col items-center"
   >
     <div
       className="field"
@@ -67,7 +67,7 @@ exports[`ChangePasswordForm should render with required props 1`] = `
       </div>
     </div>
     <button
-      className="Button topMargin secondary"
+      className="Button mt-4 secondary"
       data-testid="BUTTON"
       disabled={false}
       onClick={[Function]}

From 83f764db1787d4236e98a8c9f062552447728ade Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Tue, 21 Nov 2023 19:33:29 +0000
Subject: [PATCH 2/2] Replaced all the css into tailwind css on
 ChangePasswordForm componen

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

diff --git a/components/Forms/ChangePasswordForm/ChangePasswordForm.js b/components/Forms/ChangePasswordForm/ChangePasswordForm.js
index 0d08202cb..ce0f32379 100644
--- a/components/Forms/ChangePasswordForm/ChangePasswordForm.js
+++ b/components/Forms/ChangePasswordForm/ChangePasswordForm.js
@@ -67,7 +67,7 @@ function ChangePasswordForm({ onSubmit, onSuccess, initialValues }) {
     >
       {({ isSubmitting }) => (
         <Form className="w-full">
-          <div className="flex  flex-col items-center">
+          <div className="flex flex-col items-center">
             <Field
               type="password"
               name="newPassword1"
diff --git a/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap b/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
index 8bbd21132..7b1f1e7d8 100644
--- a/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
+++ b/components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
@@ -8,7 +8,7 @@ exports[`ChangePasswordForm should render with required props 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="flex  flex-col items-center"
+    className="flex flex-col items-center"
   >
     <div
       className="field"