forked from Gitlink/forgeplus-react
56 lines
2.0 KiB
JavaScript
56 lines
2.0 KiB
JavaScript
import React, { useEffect } from "react";
|
|
import Login from "./Login";
|
|
import Register from "./Register";
|
|
import ResetPassword from "./ResetPassword";
|
|
import logo from './img/logo.svg';
|
|
import logo1 from './img/gitlinkLogo.png';
|
|
import banner from './img/banner.png';
|
|
import ball from './img/ball.png';
|
|
import img1 from './img/img1.png';
|
|
import img2 from './img/img2.png';
|
|
import '../loginRegister/LoginRegisterPage.scss';
|
|
import { isPhone } from 'educoder';
|
|
|
|
function LoginRegisterPage(props){
|
|
const {mygetHelmetapi} = props;
|
|
|
|
useEffect(()=>{
|
|
let initialContent = undefined;
|
|
if(isPhone()){
|
|
initialContent = document.querySelector('meta[name="viewport"]').getAttribute('content');
|
|
document.querySelector('meta[name="viewport"]').setAttribute('content','width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0');
|
|
}
|
|
return()=>{
|
|
if(isPhone()){
|
|
document.querySelector('meta[name="viewport"]').setAttribute('content', initialContent);
|
|
}
|
|
}
|
|
},[])
|
|
|
|
return(
|
|
<div className="loginRegister">
|
|
<div className="login_register_left">
|
|
<img src={logo} className="logo" alt="" onClick={()=>{window.location.href='/'}} />
|
|
<div className="spinningBall">
|
|
<img src={ball} className="ball" alt="" />
|
|
<img src={banner} className="banner" alt="" />
|
|
</div>
|
|
</div>
|
|
<div className="login_register_right">
|
|
<img src={logo1} className="logoInSmall" alt="" onClick={()=>{window.location.href='/'}} />
|
|
{props.location.pathname === "/resetPassword" ?
|
|
<ResetPassword mygetHelmetapi={mygetHelmetapi}/>
|
|
:
|
|
props.location.pathname === "/register" ?
|
|
<Register mygetHelmetapi={mygetHelmetapi}/>
|
|
:
|
|
<Login {...props}/>
|
|
}
|
|
<img src={img1} className="img1" alt="" />
|
|
<img src={img2} className="img2" alt="" />
|
|
</div>
|
|
<div className="clear"></div>
|
|
</div>
|
|
)
|
|
}
|
|
export default LoginRegisterPage; |