40 lines
894 B
JavaScript
40 lines
894 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 (
|
|
<>
|
|
<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>
|
|
</>
|
|
);
|
|
}
|
|
}
|