feat: multiple selected notes panel

app/assets/javascripts/components/SessionsModal.tsx

@@ -15,8 +15,9 @@ import {
   AlertDialogDescription,
   AlertDialogLabel,
 } from '@reach/alert-dialog';
-import { toDirective, useAutorunValue } from './utils';
+import { toDirective } from './utils';
 import { WebApplication } from '@/ui_models/application';
+import { observer } from 'mobx-react-lite';
 
 type Session = RemoteSession & {
   revoking?: true;
@@ -242,16 +243,12 @@ const SessionsModal: FunctionComponent<{
 const Sessions: FunctionComponent<{
   appState: AppState;
   application: WebApplication;
-}> = ({ appState, application }) => {
-  const showModal = useAutorunValue(() => appState.isSessionsModalVisible, [
-    appState,
-  ]);
-
-  if (showModal) {
+}> = observer(({ appState, application }) => {
+  if (appState.isSessionsModalVisible) {
     return <SessionsModal application={application} appState={appState} />;
   } else {
     return null;
   }
-};
+});
 
 export const SessionsModalDirective = toDirective(Sessions);