coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Delete modal

Browse Source
This commit is contained in:
Tom Moor
2018-07-07 17:51:43 -05:00
parent f9cbd425cb
commit dd52f4d82a
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/scenes/UserDelete.js
View File

@ -5,6 +5,7 @@ import { inject, observer } from 'mobx-react';
import Button from 'components/Button'; import Button from 'components/Button';
import Flex from 'shared/components/Flex'; import Flex from 'shared/components/Flex';
import HelpText from 'components/HelpText'; import HelpText from 'components/HelpText';
import Modal from 'components/Modal';
import AuthStore from 'stores/AuthStore'; import AuthStore from 'stores/AuthStore';
type Props = { type Props = {
@ -28,19 +29,23 @@ class UserDelete extends React.Component<Props> {
}; };
render() { render() {
const { auth, ...rest } = this.props;
return ( return (
<Flex column> <Modal isOpen title="Delete Account" {...rest}>
<form onSubmit={this.handleSubmit}> <Flex column>
<HelpText> <form onSubmit={this.handleSubmit}>
Are you sure? Deleting your account will destory identifying data <HelpText>
associated with your user and cannot be undone. You will be Are you sure? Deleting your account will destory identifying data
immediately logged out of Outline. associated with your user and cannot be undone. You will be
</HelpText> immediately logged out of Outline.
<Button type="submit" danger> </HelpText>
{this.isDeleting ? 'Deleting…' : 'Delete'} <Button type="submit" danger>
</Button> {this.isDeleting ? 'Deleting…' : 'Delete'}
</form> </Button>
</Flex> </form>
</Flex>
</Modal>
); );
} }
} }