auth customization

src/app/modules/auth/AuthLayout.tsx

@@ -39,17 +39,16 @@ const AuthLayout = () => {
               Home
             </a>
 
-
-            <a href='#' className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_TERMS_LINK} className='px-5' target='_blank'>
               Terms
             </a>
 
-            <a href='#' className='px-5' target='_blank'>
-              Plans
+            <a href={process.env.REACT_APP_CONTACT_LINK} className='px-5' target='_blank'>
+              Contact Us
             </a>
 
-            <a href='#' className='px-5' target='_blank'>
-              Contact Us
+            <a href={process.env.REACT_APP_ABOUT_LINK} className='px-5' target='_blank'>
+              About Us
             </a>
           </div>
           {/* end::Links */}
@@ -73,8 +72,8 @@ const AuthLayout = () => {
 
           {/* begin::Image */}
           <img
-            className='mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20'
-            src={toAbsoluteUrl('/media/misc/auth-screens.png')}
+            className='mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20 auth-aside'
+            src={toAbsoluteUrl('/media/auth/float-dash.png')}
             alt=''
           />
           {/* end::Image */}

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

@@ -7,6 +7,7 @@ import {useFormik} from 'formik'
 import {getUserByToken, login} from '../core/_requests'
 import {toAbsoluteUrl} from '../../../../_metronic/helpers'
 import {useAuth} from '../core/Auth'
+// import Logo from '../../../../../public/media/logos/favicon.ico'
 
 const loginSchema = Yup.object().shape({
   email: Yup.string()
@@ -21,7 +22,7 @@ const loginSchema = Yup.object().shape({
 })
 
 const initialValues = {
-  email: 'admin@demo.com',
+  email: 'johndoe@email.com',
   password: 'demo',
 }
 
@@ -64,8 +65,8 @@ export function Login() {
     >
       {/* begin::Heading */}
       <div className='text-center mb-11'>
-        <h1 className='text-dark fw-bolder mb-3'>Sign In</h1>
-        <div className='text-gray-500 fw-semibold fs-6'>Your Social Campaigns</div>
+        {/* <h1 className='text-dark fw-bolder mb-3'>Sign In</h1> */}
+        <img alt='Logo' src={toAbsoluteUrl('/media/logos/favicon.ico')} />
       </div>
       {/* begin::Heading */}
 
@@ -120,18 +121,6 @@ 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>
-      ) : (
-        <div className='mb-10 bg-light-info p-8 rounded'>
-          <div className='text-info'>
-            Any text before login box - please configure
-          </div>
-        </div>
-      )}
-
       {/* begin::Form group */}
       <div className='fv-row mb-8'>
         <label className='form-label fs-6 fw-bolder text-dark'>Email</label>