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 | 1x 2x 2x | import React from "react";
import { Container, Row, Col, Card, Button } from "react-bootstrap";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import Background from './../../assets/HomePageBackground.jpg';
const LoginCard = () => {
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 Happier Cows!</Card.Title>
<Card.Text>
In order to start playing, please login.
</Card.Text>
<Button href="/oauth2/authorization/google" variant="primary">Log In</Button>
</Card.Body>
</Card>
)
}
export default function LoginPage() {
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>
)
}
|