MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Added auth footer component #99

Merged
ameye merged 1 commits from auth-footer-component into master 2025-10-20 19:27:39 +00:00
Conversation 0 Commits 1 Files Changed 3
+54 -40
3 changed files with 54 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/AuthFooter.jsx
+38
View File
@@ -0,0 +1,38 @@
import React from 'react'
import GoogleDownload from '../../assets/img/download/andriod.jpg'
import IOSDownload from '../../assets/img/download/apple.jpg'
export default function AuthFooter() {
return (
<div className='w-100'>
<div className="row" style={{margin: '5px'}}>
<hr />
</div>
<div className="row" style={{marginTop: '20px'}}>
<div className="col-6">
<div className="app-store-icons-wrap text-center">
<a className="icon google"
href='#' >
<img src={IOSDownload} className='w-80 h-auto' alt='IOS Download' />
</a>
</div>
</div>
<div className="col-6">
<div className="app-store-icons-wrap text-center">
<a className="icon apple" href='#'>
<img src={GoogleDownload} className='w-80 h-auto' alt='IOS Download' />
</a>
</div>
</div>
</div>
<div className="login-links">
<a href={process.env.REACT_APP_HOME_LINK}>Home</a>
<a href={process.env.REACT_APP_ABOUT_LINK}>About</a>
<a href={process.env.REACT_APP_CONTACTS_LINK}>Contact</a>
<a href={process.env.REACT_APP_TERMS_LINK}>Terms</a>
</div>
</div>
)
}
src/component/auth/Login2.jsx
+2 -31
View File
@@ -9,8 +9,7 @@ import siteLinks from '../../links/siteLinks'
import { loginUser } from '../../services/services' import { loginUser } from '../../services/services'
import { updateUserDetails } from '../../store/UserDetails' import { updateUserDetails } from '../../store/UserDetails'
import GoogleDownload from '../../assets/img/download/andriod.jpg' import AuthFooter from './AuthFooter'
import IOSDownload from '../../assets/img/download/apple.jpg'
export default function Login() { export default function Login() {
@@ -133,35 +132,7 @@ export default function Login() {
</div> </div>
</div> </div>
</form> </form>
<div className="row" style={{margin: '5px'}}> <AuthFooter />
<hr />
</div>
<div className="row" style={{marginTop: '20px'}}>
<div className="col-6">
<div className="app-store-icons-wrap text-center">
<a className="icon google"
href='#' >
<img src={IOSDownload} className='w-80 h-auto' alt='IOS Download' />
</a>
</div>
</div>
<div className="col-6">
<div className="app-store-icons-wrap text-center">
<a className="icon apple" href='#'>
<img src={GoogleDownload} className='w-80 h-auto' alt='IOS Download' />
</a>
</div>
</div>
</div>
<div className="login-links">
<a href={process.env.REACT_APP_HOME_LINK}>Home</a>
<a href={process.env.REACT_APP_ABOUT_LINK}>About</a>
<a href={process.env.REACT_APP_CONTACTS_LINK}>Contact</a>
<a href={process.env.REACT_APP_TERMS_LINK}>Terms</a>
</div>
</div> </div>
</div> </div>
</div> </div>
src/component/auth/Signup2.jsx
+14 -9
View File
@@ -9,6 +9,7 @@ import siteLinks from '../../links/siteLinks'
import {useMutation} from '@tanstack/react-query'; import {useMutation} from '@tanstack/react-query';
import {signUpUser} from '../../services/services'; import {signUpUser} from '../../services/services';
import getImage from '../../utils/getImage'; import getImage from '../../utils/getImage';
import AuthFooter from './AuthFooter';
const validationSchema = Yup.object().shape({ const validationSchema = Yup.object().shape({
email: Yup.string() email: Yup.string()
@@ -64,9 +65,9 @@ export default function Signup2() {
<div className="col-11 col-sm-6 col-lg-5 col-xxl-4 align-self-center order-2 order-sm-1" <div className="col-11 col-sm-6 col-lg-5 col-xxl-4 align-self-center order-2 order-sm-1"
style={{maxWidth: '520px'}}> style={{maxWidth: '520px'}}>
<div className="mt-5 d-flex"> <div className="mt-5 d-flex">
<div className="bg-white register p-5"> <div className="bg-white register px-5 pt-5 pb-3">
<h1 className="mb-2">{process.env.REACT_APP_PANEL_NAME}</h1> <h1 className="mb-2">{process.env.REACT_APP_PANEL_NAME}</h1>
<p>Welcome, Please create your account.</p> <p>Welcome, please create your account.</p>
<Formik <Formik
initialValues={initialValues} initialValues={initialValues}
validationSchema={validationSchema} validationSchema={validationSchema}
@@ -173,19 +174,23 @@ export default function Signup2() {
} }
<div className="col-12 mt-3"> <div className="col-12 mt-3">
<p>Already have an account ?<Link <p>
to={siteLinks.login}> <span style={{paddingLeft: '5px' , fontWeight: 'bolder'}}>Already have an account? </span>
<button <Link
className="btn btn-warning text-uppercase"> to={siteLinks.login}>
Sign In <button
</button> className="btn btn-warning text-uppercase">
</Link></p> Sign In
</button>
</Link>
</p>
</div> </div>
</div> </div>
</Form> </Form>
); );
}} }}
</Formik> </Formik>
<AuthFooter />
</div> </div>
</div> </div>
</div> </div>