feat: introduce app configs with shared auth clients (#1213)

packages/web/src/components/AppConnectionContextMenu/index.tsx

@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom';
 import Menu from '@mui/material/Menu';
 import type { PopoverProps } from '@mui/material/Popover';
 import MenuItem from '@mui/material/MenuItem';
+import type { IConnection } from '@automatisch/types';
 
 import * as URLS from 'config/urls';
 import useFormatMessage from 'hooks/useFormatMessage';
@@ -13,16 +14,24 @@ type Action = {
 
 type ContextMenuProps = {
   appKey: string;
-  connectionId: string;
+  connection: IConnection;
   onClose: () => void;
   onMenuItemClick: (event: React.MouseEvent, action: Action) => void;
   anchorEl: PopoverProps['anchorEl'];
+  disableReconnection: boolean;
 };
 
 export default function ContextMenu(
   props: ContextMenuProps
 ): React.ReactElement {
-  const { appKey, connectionId, onClose, onMenuItemClick, anchorEl } = props;
+  const {
+    appKey,
+    connection,
+    onClose,
+    onMenuItemClick,
+    anchorEl,
+    disableReconnection,
+  } = props;
   const formatMessage = useFormatMessage();
 
   const createActionHandler = React.useCallback(
@@ -45,7 +54,7 @@ export default function ContextMenu(
     >
       <MenuItem
         component={Link}
-        to={URLS.APP_FLOWS_FOR_CONNECTION(appKey, connectionId)}
+        to={URLS.APP_FLOWS_FOR_CONNECTION(appKey, connection.id)}
         onClick={createActionHandler({ type: 'viewFlows' })}
       >
         {formatMessage('connection.viewFlows')}
@@ -57,7 +66,12 @@ export default function ContextMenu(
 
       <MenuItem
         component={Link}
-        to={URLS.APP_RECONNECT_CONNECTION(appKey, connectionId)}
+        disabled={disableReconnection}
+        to={URLS.APP_RECONNECT_CONNECTION(
+          appKey,
+          connection.id,
+          connection.appAuthClientId
+        )}
         onClick={createActionHandler({ type: 'reconnect' })}
       >
         {formatMessage('connection.reconnect')}