37 lines
891 B
JavaScript
37 lines
891 B
JavaScript
|
import React, { Component } from "react";
|
||
|
import {
|
||
|
Image,
|
||
|
Grid,
|
||
|
Button,
|
||
|
Icon,
|
||
|
Header,
|
||
|
Container,
|
||
|
} from "semantic-ui-react";
|
||
|
|
||
|
export default class Confirm extends Component {
|
||
|
render() {
|
||
|
return (
|
||
|
<React.Fragment>
|
||
|
<Button circular style={{ margin: "2em" }} href="/">
|
||
|
<Icon name="arrow alternate circle left" />
|
||
|
Go Home{" "}
|
||
|
</Button>
|
||
|
<Grid
|
||
|
textAlign="center"
|
||
|
style={{ height: "70vh" }}
|
||
|
verticalAlign="middle"
|
||
|
>
|
||
|
<Grid.Column style={{ maxWidth: 450 }}>
|
||
|
<Header as="h2" color="blue" textAlign="center">
|
||
|
<Image src="img/logo.png" /> Congratulation!
|
||
|
</Header>
|
||
|
<Container textAlign="center">
|
||
|
<p>{this.props.msg}</p>
|
||
|
</Container>
|
||
|
</Grid.Column>
|
||
|
</Grid>
|
||
|
</React.Fragment>
|
||
|
);
|
||
|
}
|
||
|
}
|