diff --git a/web/sidebar/settings-switcher.react.js b/web/sidebar/settings-switcher.react.js
new file mode 100644
index 000000000..330b4f2c4
--- /dev/null
+++ b/web/sidebar/settings-switcher.react.js
@@ -0,0 +1,26 @@
+// @flow
+
+import * as React from 'react';
+
+import NavigationPanel from './navigation-panel.react';
+
+function SettingsSwitcher(): React.Node {
+  const accountSettingsNavigationItem = React.useMemo(
+    () => (
+      <p>
+        <a>My Account</a>
+      </p>
+    ),
+    [],
+  );
+
+  return (
+    <NavigationPanel.Container>
+      <NavigationPanel.Item tab="settings">
+        {accountSettingsNavigationItem}
+      </NavigationPanel.Item>
+    </NavigationPanel.Container>
+  );
+}
+
+export default SettingsSwitcher;