Merge branch 'login-error-msg' of FloatSystems/float-fleet into master

src/app/modules/auth/components/Login.tsx

@@ -23,8 +23,8 @@ const loginSchema = Yup.object().shape({
 })
 
 const initialValues = {
-  email: 'johndoe@email.com',
-  password: '****',
+  email: '',
+  password: '',
 }
 
 /*
@@ -125,11 +125,19 @@ export function Login() {
       </div>
       {/* end::Separator */}
 
+      {formik.status ? (
+        <div className='mb-lg-15 alert alert-danger'>
+          <div className='alert-text font-weight-bold'>{formik.status}</div>
+        </div>
+      ) : (
+        null
+      )}
+
       {/* begin::Form group */}
       <div className='fv-row mb-8'>
         <label className='form-label fs-6 fw-bolder text-dark'>Email</label>
         <input
-          placeholder='Email'
+          placeholder='floatuser@email.com'
           {...formik.getFieldProps('email')}
           className={clsx(
             'form-control bg-transparent',
@@ -155,6 +163,7 @@ export function Login() {
         <label className='form-label fw-bolder text-dark fs-6 mb-0'>Password</label>
         <input
           type='password'
+          placeHolder="●●●●●●"
           autoComplete='off'
           {...formik.getFieldProps('password')}
           className={clsx(