Custom Settings (Remove connection tab)

jhen0409 · Jul 24, 2023 · 150e5f3 · 150e5f3
1 parent 6f97eab
commit 150e5f3
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 4 deletions.
diff --git a/app/containers/App.js b/app/containers/App.js
@@ -6,7 +6,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import * as debuggerActions from '../actions/debugger';
 import * as settingActions from '../actions/setting';
-import ReduxDevTools from './ReduxDevTools';
+import ReduxDevTools from './redux/DevTools';
 import ReactInspector from './ReactInspector';
 import FormInput from '../components/FormInput';
 import Draggable from '../components/Draggable';

diff --git a/app/containers/ReactInspector.js b/app/containers/ReactInspector.js
@@ -26,7 +26,7 @@ const styles = {
   waiting: {
     height: '100%',
     display: 'flex',
-    webkitUserSelect: 'none',
+    WebkitUserSelect: 'none',
     textAlign: 'center',
     color: '#aaa',
     justifyContent: 'center',

diff --git a/app/containers/ReduxDevTools.js → app/containers/redux/DevTools.js b/app/containers/ReduxDevTools.js → app/containers/redux/DevTools.js
@@ -3,8 +3,8 @@ import { useSelector, useDispatch } from 'react-redux';
 import { Container, Notification } from '@redux-devtools/ui';
 import { clearNotification } from '@redux-devtools/app/lib/esm/actions';
 import Actions from '@redux-devtools/app/lib/esm/containers/Actions';
-import Settings from '@redux-devtools/app/lib/esm/components/Settings';
-import Header from './ReduxHeader';
+import Settings from './Settings';
+import Header from './Header';
 
 const App = () => {
   const section = useSelector(state => state.section);

diff --git a/app/containers/ReduxHeader.js → app/containers/redux/Header.js b/app/containers/ReduxHeader.js → app/containers/redux/Header.js
diff --git a/app/containers/redux/Settings.js b/app/containers/redux/Settings.js
@@ -0,0 +1,26 @@
+/* eslint-disable import/no-named-as-default */
+import React, { Component } from 'react';
+import Tabs from '@redux-devtools/ui/lib/esm/Tabs/Tabs';
+import Themes from '@redux-devtools/app/lib/esm/components/Settings/Themes';
+
+export default class Settings extends Component {
+  state = { selected: 'Themes' };
+
+  tabs = [
+    { name: 'Themes', component: Themes },
+  ];
+
+  handleSelect = (selected) => {
+    this.setState({ selected });
+  };
+
+  render() {
+    return (
+      <Tabs
+        tabs={this.tabs}
+        selected={this.state.selected}
+        onClick={this.handleSelect}
+      />
+    );
+  }
+}