Replaced all the css into tailwind css on ChangePasswordForm component (

#1774)
OperationCode · Nov 21, 2023 · 495f632 · 495f632 · vercel · Nov 21, 2023
1 parent b00ba2e
commit 495f632
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 25 deletions.
diff --git 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
diff --git 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]}