Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 1x 1x 1x 1x 1x 1x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 1x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x | import React from "react";
import { Container, Row, Col, Card, Button } from "react-bootstrap";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import getBackgroundImage from "main/components/Utils/HomePageBackground";
import { useSystemInfo } from "main/utils/systemInfo";
const LoginCard = () => {
const { data: systemInfo } = useSystemInfo();
var oauthLogin = systemInfo.oauthLogin || "/oauth2/authorization/google";
return (
<Card
style={
// Stryker disable next-line all : no need to unit test CSS
{ width: "18rem" }
}
>
<Card.Body>
<Card.Title data-testid="loginPage-cardTitle">
Welcome to Happy Cows!
</Card.Title>
<Card.Text>In order to start playing, please login.</Card.Text>
<Button href={oauthLogin} variant="primary">
Log In
</Button>
</Card.Body>
</Card>
);
};
export default function LoginPage() {
const time = new Date().getHours();
const Background = getBackgroundImage(time);
return (
<div
style={
// Stryker disable next-line all : no need to unit test CSS
{ backgroundSize: "cover", backgroundImage: `url(${Background})` }
}
>
<BasicLayout>
<Container
style={
// Stryker disable next-line all : no need to unit test CSS
{ marginTop: "8%" }
}
>
<Row
style={
// Stryker disable next-line all : no need to unit test CSS
{ alignItems: "center", justifyContent: "center" }
}
>
<Col sm="auto">
<LoginCard />
</Col>
</Row>
</Container>
</BasicLayout>
</div>
);
}
export { LoginCard };
|