diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -37,6 +37,7 @@
import VisibilityHandler from './redux/visibility-handler.react';
import history from './router-history';
import AccountSettings from './settings/account-settings.react';
+import DangerZone from './settings/danger-zone.react';
import LeftLayoutAside from './sidebar/left-layout-aside.react';
import Splash from './splash/splash.react';
import './typography.css';
@@ -149,17 +150,19 @@
renderMainContent() {
let mainContent;
- if (this.props.navInfo.tab === 'calendar') {
+ const { tab, settingsSection } = this.props.navInfo;
+ if (tab === 'calendar') {
mainContent = ;
- } else if (this.props.navInfo.tab === 'chat') {
+ } else if (tab === 'chat') {
mainContent = ;
- } else if (this.props.navInfo.tab === 'apps') {
+ } else if (tab === 'apps') {
mainContent = ;
- } else if (
- this.props.navInfo.tab === 'settings' &&
- this.props.navInfo.settingsSection === 'account'
- ) {
- mainContent = ;
+ } else if (tab === 'settings') {
+ if (settingsSection === 'account') {
+ mainContent = ;
+ } else if (settingsSection === 'danger-zone') {
+ mainContent = ;
+ }
}
return (
diff --git a/web/settings/danger-zone.css b/web/settings/danger-zone.css
new file mode 100644
--- /dev/null
+++ b/web/settings/danger-zone.css
@@ -0,0 +1,9 @@
+.container {
+ padding: 40px;
+}
+
+.header {
+ color: var(--fg);
+ font-weight: var(--semi-bold);
+ line-height: var(--line-height-display);
+}
diff --git a/web/settings/danger-zone.react.js b/web/settings/danger-zone.react.js
new file mode 100644
--- /dev/null
+++ b/web/settings/danger-zone.react.js
@@ -0,0 +1,15 @@
+// @flow
+
+import * as React from 'react';
+
+import css from './danger-zone.css';
+
+function DangerZone(): React.Node {
+ return (
+
+
Danger Zone
+
+ );
+}
+
+export default DangerZone;