table data - reconnect button

packages/web/src/datagrid/DataGridCore.js

@@ -30,6 +30,7 @@ import { FontIcon } from '../icons';
 import useTheme from '../theme/useTheme';
 import { useShowMenu } from '../modals/showMenu';
 import useOpenNewTab from '../utility/useOpenNewTab';
+import axios from '../utility/axios';
 
 const GridContainer = styled.div`
   position: absolute;
@@ -1072,7 +1073,15 @@ export default function DataGridCore(props) {
         props.toolbarPortalRef.current &&
         tabVisible &&
         ReactDOM.createPortal(
-          <DataGridToolbar reload={() => display.reload()} save={handleSave} grider={grider} />,
+          <DataGridToolbar
+            reload={() => display.reload()}
+            save={handleSave}
+            grider={grider}
+            reconnect={async () => {
+              await axios.post('database-connections/refresh', { conid, database });
+              display.reload();
+            }}
+          />,
           props.toolbarPortalRef.current
         )}
       {isLoading && <LoadingInfo wrapper message="Loading data" />}

packages/web/src/datagrid/DataGridToolbar.js

@@ -1,12 +1,15 @@
 import React from 'react';
 import ToolbarButton from '../widgets/ToolbarButton';
 
-export default function DataGridToolbar({ reload, grider, save }) {
+export default function DataGridToolbar({ reload, reconnect, grider, save }) {
   return (
     <>
       <ToolbarButton onClick={reload} icon="icon reload">
         Refresh
       </ToolbarButton>
+      <ToolbarButton onClick={reconnect} icon="icon connection">
+        Reconnect
+      </ToolbarButton>
       <ToolbarButton disabled={!grider.canUndo} onClick={() => grider.undo()} icon="icon undo">
         Undo
       </ToolbarButton>

packages/web/src/icons.js

@@ -12,6 +12,7 @@ const iconNames = {
   'icon favorite': 'mdi mdi-star',
   'icon share': 'mdi mdi-share-variant',
   'icon add': 'mdi mdi-plus-circle',
+  'icon connection': 'mdi mdi-connection',
 
   'icon database': 'mdi mdi-database',
   'icon server': 'mdi mdi-server',