This commit is contained in:
Fil Cesana 2020-03-24 17:37:05 +01:00
parent b00f803670
commit 733d2ee44f
2 changed files with 93 additions and 111 deletions

View file

@ -5,14 +5,11 @@ import {
BrowserView, BrowserView,
MobileView, MobileView,
isBrowser, isBrowser,
isMobile isMobile,
} from "react-device-detect"; } from "react-device-detect";
const AvatarImage = () => ( const AvatarImage = () => (
<Image <Image src="avatar3.png" style={{ width: "25px", height: "auto" }} centered />
src="avatar3.png"
style={{ width: "25px", height: "auto" }}
centered />
); );
const IconHomeImage = () => ( const IconHomeImage = () => (
@ -35,13 +32,7 @@ const IconHomeImageMobile = () => (
/> />
); );
const TitleImage = () => ( const TitleImage = () => <Image src="title7.png" size="medium" centered />;
<Image
src="title7.png"
size="medium"
centered
/>
);
const BrowserStructure = (props) => ( const BrowserStructure = (props) => (
<Grid columns="equal" divided inverted padded> <Grid columns="equal" divided inverted padded>
@ -90,7 +81,7 @@ const MobileStructure = (props) => (
<Grid.Column> <Grid.Column>
<IconHomeImage /> <IconHomeImage />
</Grid.Column> </Grid.Column>
<Grid.Column > <Grid.Column>
<AvatarImage /> <AvatarImage />
<Divider /> <Divider />
<Dropdown item icon="setting" size="huge"> <Dropdown item icon="setting" size="huge">
@ -113,13 +104,6 @@ const MobileStructure = (props) => (
</Grid> </Grid>
); );
export default class MyHeader extends React.Component { export default class MyHeader extends React.Component {
render() { render() {
return ( return (

View file

@ -16,11 +16,13 @@ class Paragraph extends Component {
render() { render() {
if (this.state.visible) { if (this.state.visible) {
return ( return (
<Message <Message onDismiss={this.handleDismiss}>
onDismiss={this.handleDismiss} <Message.Header>
header="Congratulation!" Congratulation<ins>s</ins>!
content="Your password has been succesffuly reset" </Message.Header>
/> Your password has been <del>succesffuly</del>
<ins>successfully</ins> reset
</Message>
); );
} }
@ -33,9 +35,9 @@ class Paragraph extends Component {
</p> </p>
); );
} }
} }
const MessageReg = () => ( const MessageReg = () => (
<Grid> <Grid>
<HomeNavbar /> <HomeNavbar />
<Divider /> <Divider />
@ -69,14 +71,10 @@ class Paragraph extends Component {
<Grid.Column width={3}></Grid.Column> <Grid.Column width={3}></Grid.Column>
</Grid.Row> </Grid.Row>
</Grid> </Grid>
); );
export default class ConfirmResetPassword extends Component { export default class ConfirmResetPassword extends Component {
render() { render() {
return <MessageReg/>; return <MessageReg />;
}
} }
}