100 lines
2.0 KiB
JavaScript
100 lines
2.0 KiB
JavaScript
|
import React, { Component } from "react";
|
||
|
import HomeNavbar from "./../components/HomeNavbar";
|
||
|
import {
|
||
|
Image,
|
||
|
Divider,
|
||
|
Message,
|
||
|
Grid
|
||
|
} from "semantic-ui-react";
|
||
|
|
||
|
class Paragraph extends Component {
|
||
|
state = { visible: true }
|
||
|
|
||
|
handleDismiss = () => {
|
||
|
this.setState({ visible: false })
|
||
|
|
||
|
setTimeout(() => {
|
||
|
this.setState({ visible: true })
|
||
|
}, 2000)
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
if (this.state.visible) {
|
||
|
return (
|
||
|
<Message
|
||
|
onDismiss={this.handleDismiss}
|
||
|
header='Link has been sent!'
|
||
|
content='An e-mail has been sent your address, please follow the
|
||
|
instruction to create a new password'
|
||
|
/>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
<p>
|
||
|
<br />
|
||
|
<i>The message will return in 2s</i>
|
||
|
<br />
|
||
|
<br />
|
||
|
</p>
|
||
|
)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
const MessageReg = () => (
|
||
|
<Grid>
|
||
|
<HomeNavbar />
|
||
|
<Divider />
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
<Grid.Column width={6}>
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={10}>
|
||
|
<Image src='title5.png' />
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={3}>
|
||
|
</Grid.Column>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Column width={3}>
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={4}>
|
||
|
<Image src='./img/logo.png' />
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={6}>
|
||
|
<Paragraph />
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={4}>
|
||
|
</Grid.Column>
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
</Grid.Row>
|
||
|
<Grid.Row height={3}>
|
||
|
<Grid.Column width={3}>
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={10}>
|
||
|
<Divider />
|
||
|
</Grid.Column>
|
||
|
<Grid.Column width={3}>
|
||
|
</Grid.Column>
|
||
|
</Grid.Row>
|
||
|
</Grid>
|
||
|
)
|
||
|
|
||
|
export default class ConfirmForgotPasswrod extends React.Component {
|
||
|
render () {
|
||
|
return (
|
||
|
<MessageReg />
|
||
|
)
|
||
|
}
|
||
|
}
|