Fixing multiple selected panel in settings

BetterDiscordApp/package.json

@@ -7,6 +7,7 @@
         "build": "webpack --progress --colors",
         "watch": "webpack --progress --colors --watch",
         "build-prod": "webpack --progress --colors --mode production -o js/main.min.js --devtool none",
+        "watch-prod": "webpack --progress --colors --watch --mode production -o js/main.min.js --devtool none",
         "test": "echo \"Error: no test specified\" && exit 1",
         "minify": "gulp minify-js && gulp minify-css",
         "minify-js": "gulp minify-js",

BetterDiscordApp/src/modules/settingsPanelSidebar.js

@@ -9,9 +9,8 @@ import TooltipWrap from "../ui/tooltipWrap";
 
 export default class V2_SettingsPanel_Sidebar {
 
-    constructor(onClick, onClickLightcord) {
+    constructor(onClick) {
         this.onClick = onClick;
-        this.onClickLightcord = onClickLightcord
     }
 
     get items() {

BetterDiscordApp/src/ui/sidebar.js

@@ -24,6 +24,8 @@ export default class V2C_SideBar extends BDV2.reactComponent {
         this.setInitialState();
         this.onClick = this.onClick.bind(this);
         this.setSelected = this.setSelected.bind(this);
+
+        sidebars.push(this)
     }
 
     setInitialState() {
@@ -69,9 +71,25 @@ export default class V2C_SideBar extends BDV2.reactComponent {
             si.className = this.nscn;
         }
 
-        this.setState({selected: null});
+        setUnselected()
         this.setState({selected: id});
 
         if (this.props.onClick) this.props.onClick(id);
     }
+
+    componentWillUnmount(){
+        let sidebarIndex = sidebars.findIndex(e => e === this)
+        if(sidebarIndex)sidebars.splice(sidebarIndex, 1)
+    }
+}
+
+const sidebars = []
+
+export function setUnselected(){
+    sidebars.forEach((sidebar) => {
+        if(!sidebar.state.selected)return
+        sidebar.setState({
+            selected: null
+        })
+    })
 }