server connections

packages/web/src/appobj/AppObjectList.js

@@ -34,14 +34,30 @@ function AppObjectListItem({ makeAppObj, data, filter, appobj, onObjectClick, Su
   const [isExpanded, setIsExpanded] = React.useState(false);
   const [isHover, setIsHover] = React.useState(false);
 
+  React.useEffect(() => {
+    if (!appobj.isExpandable) {
+      // if (data._id == '6pOY2iFY8Gsq7mk6') console.log('COLLAPSE1');
+      setIsExpanded(false);
+    }
+  }, [appobj && appobj.isExpandable]);
+
   // const { matcher } = appobj;
   // if (matcher && !matcher(filter)) return null;
-  if (onObjectClick) appobj.onClick = onObjectClick;
+
+  if (onObjectClick)
+    appobj = {
+      ...appobj,
+      onClick: onObjectClick,
+    };
   if (SubItems) {
     const oldClick = appobj.onClick;
-    appobj.onClick = () => {
-      if (oldClick) oldClick();
-      setIsExpanded(!isExpanded);
+    appobj = {
+      ...appobj,
+      onClick: () => {
+        if (oldClick) oldClick();
+        // if (data._id == '6pOY2iFY8Gsq7mk6') console.log('COLLAPSE2');
+        setIsExpanded((v) => !v);
+      },
     };
   }
 

packages/web/src/appobj/AppObjects.js

@@ -42,6 +42,7 @@ export function AppObjectCore({
   component = 'div',
   prefix = null,
   statusIcon,
+  statusTitle,
   ...other
 }) {
   const appObjectParams = useAppObjectParams();
@@ -71,7 +72,7 @@ export function AppObjectCore({
       {title}
       {statusIcon && (
         <StatusIconWrap>
-          <FontIcon icon={statusIcon} />
+          <FontIcon icon={statusIcon} title={statusTitle} />
         </StatusIconWrap>
       )}
     </Component>

packages/web/src/appobj/connectionAppObject.js

@@ -7,7 +7,7 @@ import ConnectionModal from '../modals/ConnectionModal';
 import axios from '../utility/axios';
 import { filterName } from '@dbgate/datalib';
 
-function Menu({ data, setOpenedConnections }) {
+function Menu({ data, setOpenedConnections, openedConnections }) {
   const handleEdit = () => {
     showModal((modalState) => <ConnectionModal modalState={modalState} connection={data} />);
   };
@@ -24,8 +24,12 @@ function Menu({ data, setOpenedConnections }) {
     <>
       <DropDownMenuItem onClick={handleEdit}>Edit</DropDownMenuItem>
       <DropDownMenuItem onClick={handleDelete}>Delete</DropDownMenuItem>
-      <DropDownMenuItem onClick={handleRefresh}>Refresh</DropDownMenuItem>
-      <DropDownMenuItem onClick={handleDisconnect}>Disconnect</DropDownMenuItem>
+      {openedConnections.includes(data._id) && data.status && (
+        <DropDownMenuItem onClick={handleRefresh}>Refresh</DropDownMenuItem>
+      )}
+      {openedConnections.includes(data._id) && (
+        <DropDownMenuItem onClick={handleDisconnect}>Disconnect</DropDownMenuItem>
+      )}
     </>
   );
 }
@@ -47,13 +51,16 @@ const connectionAppObject = (flags) => (
     : null;
   const onClick = () => setOpenedConnections((c) => [...c, _id]);
 
-  // let isBusy = false;
   let statusIcon = null;
+  let statusTitle = null;
   if (openedConnections.includes(_id)) {
     if (!status) statusIcon = 'fas fa-spinner fa-spin';
     else if (status.name == 'pending') statusIcon = 'fas fa-spinner fa-spin';
     else if (status.name == 'ok') statusIcon = 'fas fa-check-circle green';
     else statusIcon = 'fas fa-times-circle red';
+    if (status && status.name == 'error') {
+      statusTitle = status.message;
+    }
   }
 
   return {
@@ -65,8 +72,8 @@ const connectionAppObject = (flags) => (
     isBold,
     isExpandable,
     onClick,
-    // isBusy,
     statusIcon,
+    statusTitle,
   };
 };