Cleanup unneccessary folders.
Add delete account modal
This commit is contained in:
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import Collection from './Collection';
|
|
||||||
export default Collection;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import CollectionDelete from './CollectionDelete';
|
|
||||||
export default CollectionDelete;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import CollectionEdit from './CollectionEdit';
|
|
||||||
export default CollectionEdit;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import CollectionExport from './CollectionExport';
|
|
||||||
export default CollectionExport;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import CollectionNew from './CollectionNew';
|
|
||||||
export default CollectionNew;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import Dashboard from './Dashboard';
|
|
||||||
export default Dashboard;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import DocumentDelete from './DocumentDelete';
|
|
||||||
export default DocumentDelete;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import DocumentShare from './DocumentShare';
|
|
||||||
export default DocumentShare;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import Drafts from './Drafts';
|
|
||||||
export default Drafts;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import ErrorSuspended from './ErrorSuspended';
|
|
||||||
export default ErrorSuspended;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import Home from './Home';
|
|
||||||
export default Home;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import KeyboardShortcuts from './KeyboardShortcuts';
|
|
||||||
export default KeyboardShortcuts;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import Starred from './Starred';
|
|
||||||
export default Starred;
|
|
||||||
48
app/scenes/UserDelete.js
Normal file
48
app/scenes/UserDelete.js
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
// @flow
|
||||||
|
import * as React from 'react';
|
||||||
|
import { observable } from 'mobx';
|
||||||
|
import { inject, observer } from 'mobx-react';
|
||||||
|
import Button from 'components/Button';
|
||||||
|
import Flex from 'shared/components/Flex';
|
||||||
|
import HelpText from 'components/HelpText';
|
||||||
|
import AuthStore from 'stores/AuthStore';
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
auth: AuthStore,
|
||||||
|
};
|
||||||
|
|
||||||
|
@observer
|
||||||
|
class UserDelete extends React.Component<Props> {
|
||||||
|
@observable isDeleting: boolean;
|
||||||
|
|
||||||
|
handleSubmit = async (ev: SyntheticEvent<*>) => {
|
||||||
|
ev.preventDefault();
|
||||||
|
this.isDeleting = true;
|
||||||
|
const success = await this.props.auth.delete();
|
||||||
|
|
||||||
|
if (success) {
|
||||||
|
this.props.auth.logout();
|
||||||
|
}
|
||||||
|
|
||||||
|
this.isDeleting = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<Flex column>
|
||||||
|
<form onSubmit={this.handleSubmit}>
|
||||||
|
<HelpText>
|
||||||
|
Are you sure? Deleting your account will destory identifying data
|
||||||
|
associated with your user and cannot be undone. You will be
|
||||||
|
immediately logged out of Outline.
|
||||||
|
</HelpText>
|
||||||
|
<Button type="submit" danger>
|
||||||
|
{this.isDeleting ? 'Deleting…' : 'Delete'}
|
||||||
|
</Button>
|
||||||
|
</form>
|
||||||
|
</Flex>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default inject('auth')(UserDelete);
|
||||||
Reference in New Issue
Block a user