runfix: Close right sidebar on title bar click (#13968)

Author: przemvs

src/script/components/UserDevices.tsx

@@ -20,7 +20,6 @@
 import React, {useEffect, useMemo, useState} from 'react';
 
 import {ClientClassification} from '@wireapp/api-client/src/client/';
-import ko from 'knockout';
 
 import {partition} from 'Util/ArrayUtil';
 import {t} from 'Util/LocalizerUtil';
@@ -166,25 +165,3 @@ const UserDevices: React.FC<UserDevicesProps> = ({
 };
 
 export {UserDevices};
-
-export const makeUserDevicesHistory = () => {
-  const history = ko.observableArray<UserDevicesHistoryEntry>();
-  const current = ko.pureComputed(() => history()[history().length - 1]);
-  const reset = () => {
-    history.removeAll();
-    history.push({headline: '', state: UserDevicesState.DEVICE_LIST});
-  };
-
-  reset();
-
-  return {
-    current,
-    goBack: () => {
-      history.pop();
-    },
-    goTo: (state: UserDevicesState, headline: string) => {
-      history.push({headline, state});
-    },
-    reset,
-  };
-};

src/script/page/AppMain.tsx

@@ -25,17 +25,16 @@ import {container} from 'tsyringe';
 import {CallingContainer} from 'Components/calling/CallingOverlayContainer';
 import {GroupCreationModal} from 'Components/Modals/GroupCreation/GroupCreationModal';
 import {LegalHoldModal} from 'Components/Modals/LegalHoldModal/LegalHoldModal';
+import {PrimaryModalComponent} from 'Components/Modals/PrimaryModal/PrimaryModal';
 import {registerReactComponent, useKoSubscribableChildren} from 'Util/ComponentUtil';
 
 import {AppLock} from './AppLock';
 import {LeftSidebar} from './LeftSidebar';
 import {MainContent} from './MainContent';
-import {RightSidebar} from './RightSidebar';
-import {PanelEntity, PanelState} from './RightSidebar/RightSidebar';
+import {PanelEntity, PanelState, RightSidebar} from './RightSidebar';
 import {RootProvider} from './RootProvider';
 import {useAppMainState, ViewType} from './state';
 
-import {PrimaryModalComponent} from '../components/Modals/PrimaryModal/PrimaryModal';
 import {User} from '../entity/User';
 import {TeamState} from '../team/TeamState';
 import {UserState} from '../user/UserState';
@@ -63,13 +62,9 @@ const AppContainer: FC<AppContainerProps> = ({root}) => {
   const currentState = history.at(-1);
 
   const toggleRightSidebar = (panelState: PanelState, params: RightSidebarParams) => {
-    const newParamId = params.entity?.id;
-    const currentParamId = currentEntity?.id;
-
     const isDifferentState = currentState !== panelState;
-    const isDifferentParams = newParamId !== currentParamId;
 
-    if (isDifferentState || isDifferentParams) {
+    if (isDifferentState) {
       goTo(panelState, params);
 
       return;